javascript / intermediate
Snippet
Funktionale HTTP-Interzeptoren
Das moderne Angular bevorzugt funktionale Interzeptoren gegenüber klassenbasierten. Sie sind leichtgewichtig, einfacher zu kombinieren und können direkt in der Bootstrap-Konfiguration via 'provideHttpClient' registriert werden.
snippet.js
1
2
3
4
export const authInterceptor: HttpInterceptorFn = (req, next) => {const modifiedReq = req.clone({ setHeaders: { Authorization: 'Bearer token' } });return next(modifiedReq);};
angular
Erklärung
1
export const authInterceptor: HttpInterceptorFn
Deklariert einen funktionalen Interzeptor unter Verwendung der integrierten Typdefinition.
2
return next(modifiedReq);
Gibt den geklonten Request mit neuen Headern an den nächsten Handler in der Kette weiter.