基于Auth0的Angular6认证

Question

我有一个棱角的前端和一个restful后端，并且我试图只允许通过身份验证的用户向后端发送请求。

为此，我跟随了Paul Bakker的例子

不幸的是，他依赖angular2-jwt库，这个库似乎与Angular6不兼容.

如何重新编写以下代码以在Angular6中工作：

​

...
import { provideAuth } from 'angular2-jwt';
...

@NgModule({
  ...
  imports: [
    ...
  ],
  providers: [
    ...,
    provideAuth({
      globalHeaders: [{'Content-Type': 'application/json'}],
      noJwtError: true,
      tokenGetter: () => {
        return window['_keycloak'].token;
      }
    })],
  ...
})
...

​

我试着使用@auth0/angular库。但这似乎不起作用，因为我从后端服务器得到401.

​

...
import { JwtModule } from '@auth0/angular-jwt';
...

@NgModule({
  ...
  imports: [
    ...,
    JwtModule.forRoot({
      config: {
        tokenGetter: () => {
          return window['_keycloak'].token;
        },
        whitelistedDomains: ['localhost:8080', 'localhost:8085']
      }
    })
  ],
  providers: [
	  ...
  ],
  ...
})
...

​

Answer 1

我的问题已经变得无关紧要了。实际上，代码的工作方式就像我发布的一样好。我的问题在后台。后端没有正确解析和验证JWT，导致401错误。