angularjs - AngularJS忽略了一些标题

Question

我正在玩一些角度，我遇到了一个小问题。

我正在尝试为 http 响应设置一个自定义标头，然后在 angular 端读取它的值。标头已设置，我确信这一点，因为 chrome 的调试工具确认：

这意味着服务器端很好。到目前为止，一切都很好。

当我尝试通过 angular 的 http 响应拦截器访问标头并在控制台中显示它们时，就会出现问题。这是咖啡脚本中的代码：

angular.module('app').factory 'httpInterceptor', function($q) ->
  (promise) ->
    success = (response) ->
      console.log response.headers()
      response
    error = (response) ->
      $q.reject(response)

    promise.then success, error

angular.module('app').config ($httpProvider) ->
  $httpProvider.responseInterceptors.push('httpInterceptor')

我得到输出：

我真的不明白为什么 Angular 会剥离所有这些标题。谁能给我解释一下？有什么方法可以访问我的自定义标头的值？

先感谢您。

Answer 1

我找到了我自己问题的答案。这不是 Angular 的错。问题是我正在使用CORS。

我在 CORS 文档中找到了这样的信息：

用户代理必须过滤掉所有响应头，除了那些是简单响应头或字段名称与 Access-Control-Expose-Headers 头的值之一（如果有）的 ASCII 大小写不敏感匹配的响应头，在将响应标头暴露给 CORS API 规范中定义的 API 之前。

因此，XMLHttpRequest 的 getResponseHeader() 方法不会暴露任何上面未指明的标头。

这意味着我必须简单地添加一个 header Access-Control-Expose-Headers: custom-header。