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

Question

我在分支 v1.0 上使用 auth0/angular-jwt 库，它支持 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);

我昨天刚刚在一门课程中介绍了这个 The Complete Angular Course 值得一看，它涵盖了授权和身份验证。这是一门非常好的课程，将有无穷无尽的帮助。

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

Set Jwt Token in Local Storage - Angular

angular2-jwt

angular