【问题标题】:custom header angular js自定义标题角度js
【发布时间】:2016-08-01 23:31:54
【问题描述】:

我第一次尝试在请求 Angular js 中添加客户标头,但出现以下错误

angular.js:10671Error: 无法对“XMLHttpRequest”执行“setRequestHeader”:“x-api-key:”不是有效的 HTTP 标头字段名称。

这是我的代码,位于最高的“应用”级别:

var movieApp = angular.module('movieApp', ['ngAnimate']);

movieApp.config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.headers.common = { 
        'x-api-key:' : 'key'
      };
}])

我在做什么错/错过/不理解?如何将此标头添加到所有(甚至一个)请求中?

【问题讨论】:

    标签: javascript angularjs xmlhttprequest


    【解决方案1】:

    正如错误所解释的,x-api-key 不是有效的 HTTP 标头字段。你可以去here for the official documentation,或look at wikipedia。要解决此问题,您必须在请求正文中将 api 密钥作为参数传递。

    【讨论】:

    • 啊,我明白了,谢谢。这是一个获取请求,所以我假设查询字符串可以工作?我用 ?x-api-key=key 附加了请求,现在收到以下错误:XMLHttpRequest cannot load blah?x-api-key=key。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,Origin 'null' 不允许访问。响应的 HTTP 状态代码为 404。(结束错误)将设置源工作还是我必须执行 JSONP?
    • @devdropper87 由于您尝试获取的资源在响应标头中没有Access-Control-Allow-Origin,因此您必须寻找诸如JSONP之类的选项。
    猜你喜欢
    • 2017-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 2015-03-05
    • 2018-03-12
    • 1970-01-01
    相关资源
    最近更新 更多