Angular HTTP拦截器响应标头

Question

我制作了一个HTTP拦截器，需要在其中评估响应头，并找到特定的头（授权）。 拦截器本身正在工作，但是无法列出我在服务器端设置的标头，并且可以在Firebug的“网络”标签中清楚地看到这些标头。

拦截器：

app.factory('HttpItc', function($q, $localStorage, $injector) {
return {
response: function (response) {
   //console.log(response); // Contains the data from the response.

  var freshJwt = response.headers['Authorization'];

  if (freshJwt) {
    $localStorage.jwt = freshJwt;
  }

  // Return the response or promise.
  return response;
}  };});

这是我在服务器端的Express中设置标头的方式：

return res
                    .header('Authorization', jwt)
                    .header('testHeader', 'testValue')
                    .json(user);

怎么了？ 我如何在http的拦截器中访问响应头？

Answer 1

解决方案是调用response.headers('...') （作为一个函数，而不是一个数组）。

另外，请确保在后端显式公开标头。

编辑：要显式公开后端上的标头，您需要添加类似

response.addHeader("Access-Control-Expose-Headers","yourHeaderName");

这类似于添加CORS标头，并且当前不适用于'*'