angular - 在本地存储中设置 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 \ 后端服务获得令牌后，您需要将其写入本地存储，如下所示，其中result等于来自服务器的 JSON 响应。

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

我刚刚在昨天的一门课程中介绍了这个值得一看的完整 Angular 课程，它涵盖了授权和身份验证。这是一门非常好的课程，将无休止地帮助。