时间戳

首页 > 解决方案 > 每次发送http请求时如何在标头中包含身份验证令牌？

angular - 每次发送http请求时如何在标头中包含身份验证令牌？

问题描述

我使用 ngx-admin 最新版本，我已经像这样修改了我的 app.module.ts：

    NbAuthModule.forRoot({
  strategies: [
    NbPasswordAuthStrategy.setup({
      name: 'email',
      baseEndpoint: 'https://localhost:5001',
      token: {
        class: NbAuthJWTToken,
        key: 'token'
       },
       login: {
         // ...
         endpoint: '/api/Auth/login',
         redirect: {
          success: '/pages/dashboard',
          failure: null, // stay on the same page
        },
       },
       logout:{
        redirect: {
          success: '/auth/login',
          failure: null, // stay on the same page
        },
       },
       register: {
         // ...
         endpoint: '/api/Auth/register',
       },
    }),
  ],
  forms: {
    login: formSetting,
       register: formSetting,
       requestPassword: formSetting,
       resetPassword: formSetting,
       logout: {
         redirectDelay: 0,
       },
  },
}),

],

  bootstrap: [AppComponent],
  providers: [AuthGuard,
    { provide: HTTP_INTERCEPTORS, useClass: NbAuthJWTInterceptor, multi: true },]

我可以从我的系统登录和注销，并且我将令牌保存到我的本地存储中，名称为 app_auth_token 及其包含：

{"name":"nb:auth:jwt:token","ownerStrategyName":"email","createdAt":1621867077000,"value":"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJuYW1laWQiOiJhZG1pbkBteWNhZmUuY29tIiwidW5pcXVlX25hbWUiOiJhZG1pbiIsInJvbGUiOiJBZG1pbiIsIm5iZiI6MTYyMTg2NzA3NywiZXhwIjoxNjIyMDM5ODc3LCJpYXQiOjE2MjE4NjcwNzd9.C06e6bSPhlIl16A3iTtU3yGi8078K1I5aTy-QDVIiX_cHr6-HQQAFjgQRwWuI9tuzCe5G9HC7IFSeyN_dI4BuA"}

我在我的页面上测试以从需要身份验证的服务器检索数据，但似乎发送到服务器的标头中没有令牌。

this.httpClient.get<User[]>(this.apiUrl+'user/list');

这是我从浏览器复制的标题

GET /api/user/list HTTP/2
Host: localhost:5001
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
Accept: application/json, text/plain, */*
Accept-Language: en-US,id;q=0.7,en;q=0.3
Accept-Encoding: gzip, deflate, br
Origin: http://localhost:4200
DNT: 1
Connection: keep-alive
Referer: http://localhost:4200/
Pragma: no-cache
Cache-Control: no-cache

我收到代码 401 未经授权

我在邮递员中测试了令牌值，它有效且有效。但是如何告诉 nebular 在我每次进行 http 请求时发送令牌？我阅读了应该自动完成的文档。我错过了什么 ？

标签： angularjwtnebularngx-admin

解决方案

找到了解决方案：

在 app.module.js 我需要在 NB_AUTH_TOKEN_INTERCEPTOR_FILTER 上返回 false

我希望他们把这个放在文档上

  providers: [AuthGuard,
    { provide: NB_AUTH_TOKEN_INTERCEPTOR_FILTER, useValue: function () { return false; }, },
    { provide: HTTP_INTERCEPTORS, useClass: NbAuthJWTInterceptor, multi: true },]

推荐阅读