角度HTTPインターセプタがヘッダーを設定していません

Question

エラーは発生していません。有効なトークンを使用してログインコンポーネントからauthToken値を設定することができます。しかし、私はリクエストヘッダにAuthorizationパラメータを追加していません。

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

最初AuthInterceptor削除：

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