Question

我正在开发角度为6的应用程序。输入登录凭证后，后端将验证用户凭证，并向我发送了带有标头的JWT令牌。像下面提到的细节。从登录页面重定向到仪表板之前，如何在angular应用程序中获取JWT令牌？

响应标题

Access-Control-Allow-Credentials: true

Access-Control-Allow-Headers: Content-Type

Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS

Access-Control-Allow-Origin: *

Cache-Control: private

Content-Length: 138

Content-Type: text/html; charset=utf-8

Date: Tue, 20 Aug 2019 11:29:02 GMT

jwt：eyJhbGciOiJIUz ...

位置：http://localhost:4200

我尝试与HttpHeader一起使用，但仅获得空值。

let header = new HttpHeaders();
console.log('read header jwt token', header.get('jwt'));
const token = header.get('jwt');
localStorage.setItem('token', token);

Answer 1

我在API调用过程中遇到了同样的问题，下面的代码对我有用。

http.get<any>('http://localhost:4200')
      .subscribe(resp => {
       console.log('token', header.get('jwt'));
       const token = header.get('jwt');
       localStorage.setItem('token', token);
      });

如何从Angular 6的“ Response Header”中获取JWT令牌

响应标题

1 个答案: