Angular HttpInterceptor nicht ändern Header

Question

Ich schrieb eine eckige (4.3.6) HttpInterceptor, um einige Headerfelder hinzuzufügen, aber die Kopfzeile wird nicht aktualisiert, wenn ich sie im Debugger untersuchen. Irgendeine Idee?

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

@Injectable() 
export class AuthInterceptor implements HttpInterceptor { 


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

     console.log('AuthInterceptor at work'); 

     const contentTypeReq = req.clone({ 
      headers: req.headers.set('Content-Type', 'application/json') 
     }); 

     const token = localStorage.getItem('token'); 
     if (token) { 
      const authReq = contentTypeReq.clone({ 
       headers: req.headers.set('Authorization', 'Bearer ' + token) 
      }); 
      return next.handle(authReq); 
     } 

     // Pass on the cloned request instead of the original request. 
     return next.handle(contentTypeReq); 
    } 
} 

Answer 1

Sie sind faul. Zum Beispiel keys method wie folgt aussieht:

keys(): string[] { 
    this.init(); <== initialize 

    return Array.from(this.normalizedNames.values()); 
} 

Wenn Sie wollen, rufen Sie einfach überprüfen:

req.headers.keys() 

Wenn Sie Wert überprüfen möchten, können Sie get oder getAll Methode verwenden:

req.headers.getAll('Content-Type') 

Oder Sie können init Methode von Konsole aufrufen und dann können Sie sehen e-Header in headers Karte

Darüber hinaus, wenn angular adds headers to request es verwendet forEach Methode, die zu init Methode aufruft.