Angular HTTP Interceptor nicht setzen Header

Question

Ich bekomme keine Fehler und bin in der Lage, den authToken Wert von meiner Login-Komponente mit einem gültigen Token (die ich mit Postman verifiziert habe). Aber ich bekomme keinen Autorisierungsparameter zu meinem Anfrage-Header hinzugefügt.

entryComponents: [ 
    ConfirmDialogTargetComponent 
    ], 
    providers: [ 
    AuthInterceptor, 
    { 
     provide: HTTP_INTERCEPTORS, 
     useClass: AuthInterceptor, 
     multi: true  
    } 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

---

import { Injectable }            from '@angular/core'; 
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest }  from '@angular/common/http'; 
import { Observable }            from 'rxjs/Observable'; 

@Injectable() 
export class AuthInterceptor { 

    authToken: string = ''; 

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 

     const authReq = req.clone({ headers: req.headers.set('Authorization', 'Bearer ' + this.authToken) }); 
     return next.handle(authReq); 
    } 
} 

Answer 1

die erste AuthInterceptor entfernen:

entryComponents: [ 
    ConfirmDialogTargetComponent 
    ], 
    providers: [ 
    { 
     provide: HTTP_INTERCEPTORS, 
     useClass: AuthInterceptor, 
     multi: true  
    } 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }