javascript - 如何在 Angular 5 中使用 HttpClient 访问响应 header ？

Question

我在 Angular 5 中编写了一个身份验证服务，它使用 HttpClient 类向我的后端发出 POST 请求。后端通过发送 JWT 不记名 token 进行响应。

我的请求是这样的:

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;
  });

如何访问响应的授权 header ？

当我将响应写入控制台时，如上所示，它显示“null”。我知道错误不在后端，因为我捕获了流量并且后端确实在发送不记名 token 。

非常感谢任何帮助。

Answer 1

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

访问 header

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');
    });

Docs