javascript - 如何将 jwt token 应用于生成的 Angular 2 JS 文件？

Question

Angular2 Typescript 应用程序正在生成源 .js 文件。

在调试时我发现授权 header 未定义。

我定义了用于自定义服务的 jwt token 。

如何将相同的 jwt token 应用于生成的 Angular2 源 .js 文件？

Answer 1

这件事与生成的js文件无关。最简单、最快、最舒适的解决方案是使用 npm 模块 angular2-jwt。

• 安装模块npm install angular2-jwt。

• 像这样配置你的 app.module.ts:

  import { AUTH_PROVIDERS } from 'angular2-jwt';
  @NgModule({
    ...
  
    providers: [
      AUTH_PROVIDERS
    ],
  
    ...
  })
  

• 然后在应用程序中您想要的任何地方使用它:

  import { AuthHttp } from 'angular2-jwt';
  this.authHttp.get('http://example.com/api/thing')
    .subscribe(
      data => this.thing = data,
      err => console.log(err),
      () => console.log('Request Complete')
    );
  

这样，如果您的 token 位于名为 id_token 的 cookie 中，您的请求就会得到验证。如果您想通过其他方法(localStorage、indexedDb...)存储 token ，请参阅模块的文档( https://github.com/auth0/angular2-jwt#configuration-options )了解如何更改它，但这相当简单。如果您需要，我可以在这里解释。

希望有帮助。