如何在Angular2中設置默認的HTTP頭？

Question

我知道如何使用Headers class爲單個HTTP調用設置標頭。

有沒有辦法做到這一點全部 HTTP調用？

Answer 1

不能使用像成才爲$httpProvider，但angular1您可以創建自己的CustomHttp類擴展/包默認Http，並添加你的頭。

看看AuthHttp源代碼angular2-jwt庫： https://github.com/auth0/angular2-jwt/blob/master/angular2-jwt.ts

Answer 2

我看到兩種方法可以做到這一點：

• 選項＃1：使用BaseRequestOptions類

您可以擴展此類並設置標題以用於每個請求：

@Injectable() 
export class DefaultRequestOptions extends BaseRequestOptions{ 
    headers:Headers = new Headers({ 
     'Content-Type': 'application/x-www-form-urlencoded' 
    }); 
} 

而且，如下所述其註冊：

bootstrap(AppComponent,[ 
    HTTP_PROVIDERS, 
    provide(RequestOptions, { useClass: DefaultRequestOptions }) 
}); 

• 選項＃2：延長Http類本身

您還可以擴展Http類和設置您需要的標題，如下所述：

@Injectable() 
export class CustomHttp extends Http { 
    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions) { 
    super(backend, defaultOptions); 
    } 

    request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> { 
    return super.request(url, options);   
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    // Add headers into options 
    (...) 
    return super.get(url, options); 
    } 

    (...) 
} 

並將其註冊爲如下所述：

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    provide(Http, { 
    useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new CustomHttp(backend, defaultOptions), 
    deps: [XHRBackend, RequestOptions] 
    }) 
]); 

希望它可以幫助你， 蒂埃裏