Angular http 拦截器响应 headers
Angular http interceptor response headers
我制作了一个 http 拦截器,我需要在其中评估响应 headers 并找到特定的拦截器(授权)。拦截器本身正在工作,但是它无法列出我在服务器端设置的 headers,我可以清楚地看到 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 中设置 headers 的方式:
return res
.header('Authorization', jwt)
.header('testHeader', 'testValue')
.json(user);
这是怎么回事?我怎样才能访问 http 拦截器中的响应 headers?
解决方案是调用response.headers('...')
(作为函数,而不是数组)。
还要确保在 back-end 端显式公开 headers。
编辑:
要在 back-end 上显式公开 headers,您需要添加类似
的内容
response.addHeader("Access-Control-Expose-Headers","yourHeaderName");
这类似于添加 CORS headers,目前不适用于“*”
我制作了一个 http 拦截器,我需要在其中评估响应 headers 并找到特定的拦截器(授权)。拦截器本身正在工作,但是它无法列出我在服务器端设置的 headers,我可以清楚地看到 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 中设置 headers 的方式:
return res
.header('Authorization', jwt)
.header('testHeader', 'testValue')
.json(user);
这是怎么回事?我怎样才能访问 http 拦截器中的响应 headers?
解决方案是调用response.headers('...')
(作为函数,而不是数组)。
还要确保在 back-end 端显式公开 headers。
编辑: 要在 back-end 上显式公开 headers,您需要添加类似
的内容response.addHeader("Access-Control-Expose-Headers","yourHeaderName");
这类似于添加 CORS headers,目前不适用于“*”