Angular · Middle · Frage 47 von 75
Wie fügt man jeder Anfrage einen Auth-Header hinzu?
export const authInterceptor: HttpInterceptorFn = (req, next) => {
const token = inject(AuthService).token();
return next(token ? req.clone({ setHeaders: { Authorization: `Bearer ${token}` } }) : req);
};
// provideHttpClient(withInterceptors([authInterceptor]))- 1Indem man den Header in jeder Komponente von Hand ergänzt
- 2Mit einem funktionalen Interceptor, der die Anfrage klont - sie ist unveränderlich
- 3Indem man im Interceptor
req.headers.Authorizationdirekt setzt
Antwort zeigen
Richtige Antwort: Mit einem funktionalen Interceptor, der die Anfrage klont - sie ist unveränderlich
Erklärung
HttpRequest ist unveränderlich, daher rufen Interceptors clone auf. Interceptors laufen in der Reihenfolge ihrer Auflistung und können auch Fehler, Wiederholungen, Logging und Caching übernehmen.