Javascript 如何将jwt令牌应用于生成的Angular 2 JS文件？

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

调试时，我注意到授权标头未定义

我已定义自定义服务的

jwt

令牌

---

如何将相同的

jwt

标记应用于生成的Angular2 source.js文件？

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

angular2 jwt

• 安装模块

  npm安装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')
    );
  

这样，如果您在名为

id\u-token

的cookie中有您的令牌，那么您的请求将得到身份验证。如果您想通过另一种方法（localStorage、indexedDb…）存储令牌，请参阅模块的文档（）了解如何更改令牌，但这相当简单。如果你需要，我可以在这里解释

---

希望有帮助。

据我从你的短文中了解，你只想在http请求头中发送令牌。我在我的应用程序上使用相同的策略，不使用任何额外的模块

我有一个身份验证请求，我将令牌存储在localStorage上：

this.http.post('/login', userCredentials).subscribe(
    token => localStorage.addItem('Authorization', token),
    error => this.handleError(error)
)

然后我从localStorage获取令牌并在我的请求头中使用它：

let options = { headers: new Headers() };   
let jwt = localStorage.getItem('Authorization');
options.headers.append('Authorization', jwt); 

return this.http.get('/api/request', options)
           .map(result => result.json());

---

在我看来，如果你想解码你的jwt，angular2 jwt是很有用的。

检查这个在http头中设置令牌你的问题不是很清楚，没有代码。。。你得给我们更多的赏金来帮助你；）大家好，我的问题是-代码（ts/js）文件的安全性-如果任何浏览器要求生成代码（ts/js），则应应用此安全性，如果不存在jwt令牌，可能会被重定向到登录。