角型HttpInterceptorがヘッダーを変更していない

Question

ヘッダーフィールドを追加するために角（4.3.6）HttpInterceptorを書きましたが、デバッガーでヘッダーを検査するとヘッダーが更新されません。何か案が？

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

これらは怠惰です。

req.headers.keys() 

をあなたが値を確認したい場合は、getまたはgetAllメソッドを使用することができます：

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

をあなただけの呼び出し、それらをチェックしたい場合は

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

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

：たとえばkeys methodのためのようになります。

またはinitメソッドをコンソールから呼び出すことができます。それはあまりにもinitメソッドを呼び出すforEach方法を使用しています。またangular adds headers to requestheaders地図

の電子ヘッダ。