在本地存储中设置Jwt令牌 - Angular

Question

我在支持auth0/angular-jwt的分支机构v1.0上使用HttpInterceptor库。

这是我的app.module.ts：

  imports: [
    BrowserModule,
    HttpClientModule,
    HttpModule,
    JwtModule.forRoot({
      config: {
        authScheme: 'Bearer',
        headerName: 'Authorization',
        tokenGetter: () => {
          return localStorage.getItem('access_token');
        },
      }
    }),


I return from my backend side:
{
    "access_token": "token - I removed it for the example)",
    "expires_in": "2017-12-25T07:26:30Z",
    "id": "19a6609f-4ed9-4804-adad-a83ss670c7ba"
}

问题是令牌未保存在localStorage中。我错过了什么吗？

Answer 1

从HTTP \ backend服务获得令牌后，您需要将其写入本地存储，如下所示，其中result等于来自服务器的JSON响应。

localStorage.setItem ('token', result.token);

我刚刚在昨天The Complete Angular Course的课程中介绍了这一点，值得一看，它涵盖了授权和身份验证。这是一个非常好的课程，无止境。