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');
}