В проекте Angular 7+ я пытался использовать модуль @ auth0 / angular-jwt , чтобы добавить токен Bearer в качестве заголовка авторизации перед отправкой запроса в защищенный API остальных.
Я отправил запрос на URL из белого списка и получил исключение 401, затем я проверил сеть (используя fiddler), какой заголовок был передан, заголовка авторизации не было.
Я следовал за всеми Индикация readme и даже проверка Если я включил только один раз HttpClientModule.
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 {}
environment.ts:
export function tokenGetter() {
return localStorage.getItem('access_token');
}