angularjs - Angular JS - 向所有 GET/POST 请求添加自定义 header

Question

我正在尝试使用拦截器将“授权” header 添加到我的所有 GET/POST 请求中。这是拦截器:

myApp.factory('httpRequestInterceptor', ['$rootScope', function ($rootScope) {
  return {
    request: function ($config) {
        $config.headers['Authorization'] = 'Basic ' + $rootScope.apiKey;
        return $config;
    }
  };
}]);

拦截器在主模块中使用，如下 myApp.config 部分:

$httpProvider.interceptors.push('httpRequestInterceptor');

由于某种原因，我在网络选项卡中看不到授权 header (我使用的是 Chrome)，并且它没有到达服务器，并且我没有收到任何错误。我的应用程序中的 GET/POST 请求发送至不在我的域中的远程服务器。

知道我在这里做错了什么吗？

解决方案:我发现了问题，它出现在服务器端 - 显然，如果我在响应中设置 Access-Control-Allow-Headers * 它不起作用，但如果我从字面上指定 header ，它就可以正常工作。

Answer 1

问题出在服务器端 - 显然在对 * 的响应中设置 Access-Control-Allow-Headers 不起作用，但按照我需要的字面指定 header (Access-Control-Allow-Headers:授权)工作得很好。