0

Angular 7 以降のプロジェクトで、@auth0/angular-jwtモジュールを使用して、保護された REST API にリクエストを送信する前に認証ヘッダーとして Bearer トークンを追加しようとしました。

ホワイトリストに登録された URL でリクエストを送信し、401 例外を受け取りました。その後、送信されたヘッダーが (フィドラーを使用して) ネットワークをチェックしましたが、Authorization ヘッダーはありませんでした。

すべてのreadme指示に従い、HttpClientModule を 1 回だけ含めたかどうかも確認しました。

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { JwtModule } from '@auth0/angular-jwt';
import { tokenGetter } from './environment';

import { AppComponent } from './app.component';
// ... other components

@NgModule({
  declarations: [
    AppComponent
    // ... other components
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule,
    JwtModule.forRoot({
      config: {
        tokenGetter: tokenGetter,
        whitelistedDomains: ["localhost:8080"]
      }
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

環境.ts:

export function tokenGetter() {
    return localStorage.getItem('access_token');
}
4

1 に答える 1