javascript / intermediate
Snippet
Funktionale HTTP-Interceptors
Funktionale Interceptors bieten eine prägnante Möglichkeit, HTTP-Anfragen global abzufangen und zu ändern, indem sie die inject-Funktion anstelle von klassenbasierten Providern nutzen.
snippet.js
1
2
3
4
5
6
7
export const authInterceptor: HttpInterceptorFn = (req, next) => {const authService = inject(AuthService);const authReq = req.clone({setHeaders: { Authorization: `Bearer ${authService.getToken()}` }});return next(authReq);};
angular
Erklärung
1
HttpInterceptorFn
Typdefinition für moderne funktionale Interceptors in Angular.
2
inject(AuthService)
Ruft den Authentifizierungsdienst direkt innerhalb des Funktionsbereichs ab.
3
req.clone()
Erstellt eine Kopie der unveränderlichen Anfrage, um Header sicher zu ändern.