如何在Angular 5中使用HttpClient访问响应标头？

Question

我已经在Angular 5中编写了一个身份验证服务，该服务使用HttpClient类向我的后端发出POST请求。 后端通过发送JWT承载令牌进行响应。

我的要求看起来像这样：

return this.http.post('http://127.0.0.1:8080/api/v1/login', {
  'username': username,
  'password': password
}, {
  headers: new HttpHeaders()
    .set('Content-Type', 'application/json')
})
  .toPromise()
  .then(response => {
    console.log(response);
    return response;
  });

}

如何访问响应的授权标头？

当我像上面那样将响应写到控制台时，它显示为“ null”。 我知道错误不在后端，因为我捕获了流量，并且后端确实在发送承载令牌。

很感谢任何形式的帮助。

Answer 1

要访问完整的响应（而不仅仅是响应的主体），必须在http请求中传递observe: 'response'参数选项。 现在您可以使用res.headers访问标题

return this.http.post('http://127.0.0.1:8080/api/v1/login', {
        'username': username,
        'password': password
    }, {
        headers: new HttpHeaders()
            .set('Content-Type', 'application/json'),
        observe: 'response'
    })
    .map(res => {
        let myHeader = res.headers.get('my-header');
    });

文件