快捷導(dǎo)航

angular2實(shí)現(xiàn)統(tǒng)一的http請求頭方法

更新時(shí)間：2018年08月13日 11:04:14 作者：靈眼兒上方

今天小編就為大家分享一篇angular2實(shí)現(xiàn)統(tǒng)一的http請求頭方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

//方案1：能用，但token信息不能寫在服務(wù)中，應(yīng)該用全局變量替代，而且還得考慮參數(shù)復(fù)合問題。
@Injectable()
export class DefaultRequestOptions extends BaseRequestOptions {
  constructor() {
  super();
  this.headers.set('Content-Type', 'application/json');
 }
}
export const requestOptionProvider = {provide: RequestOptions, useClass: DefaultRequestOptions};
//方案2:能用，比較正規(guī)的實(shí)現(xiàn)，但以后請求就只能用myHttp對象了，而且還要考慮參數(shù)復(fù)合問題。
export class myHttp extends Http {
 defaultHeaders = new Headers({
  'Content-Type': 'application/json'
 });

 constructor(_backend: ConnectionBackend, _defaultOptions: RequestOptions, private appInitService: AppInitService) {
  super(_backend, _defaultOptions);
 }

 get(url: string, options?: RequestOptionsArgs): Observable<Response> {
  let optionBuf = new RequestOptions({
   headers: this.defaultHeaders,
   params: {'token': this.appInitService.token}
  });
  //here extend options;
  return super.get(url, optionBuf);
 }
}

export function myHttpFactory(xhrBackend: XHRBackend, requestOptions: RequestOptions, appInitService: AppInitService): myHttp {
 return new myHttp(xhrBackend, requestOptions, appInitService); // 創(chuàng)建myHttp對象
}

export const myHttpProvider = {
 provide: myHttp,
 useFactory: myHttpFactory,
 deps: [XHRBackend, RequestOptions, AppInitService]
};

以上這篇angular2實(shí)現(xiàn)統(tǒng)一的http請求頭方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

angularjs實(shí)現(xiàn)時(shí)間軸效果的示例代碼
本篇文章主要介紹了angularjs實(shí)現(xiàn)時(shí)間軸效果的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
AngularJS指令詳解及示例代碼
本文主要介紹AngularJS指令,這里整理了簡單的指令并附示例代碼，有需要的小伙伴可以參考下
2016-08-08
使用angularjs創(chuàng)建簡單表格
AngularJS提供豐富填寫表單和驗(yàn)證。我們可以用ng-click來處理AngularJS點(diǎn)擊按鈕事件，然后使用 $dirty 和 $invalid標(biāo)志做驗(yàn)證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗(yàn)證。下面我們來看看如何使用angularjs創(chuàng)建簡單表格
2016-01-01
Angularjs 1.3 中的$parse實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了angularjs $parse的相關(guān)知識，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-09-09
AngularJS中directive指令使用之事件綁定與指令交互用法示例
這篇文章主要介紹了AngularJS中directive指令使用之事件綁定與指令交互用法,結(jié)合實(shí)例形式分析了directive指令在模板的使用，事件的綁定及元素、屬性、控制器之間的交互相關(guān)操作技巧,需要的朋友可以參考下
2016-11-11
Angular封裝WangEditor富文本組件的方法
這篇文章主要介紹了Angular封裝WangEditor富文本組件,得益于Angular的強(qiáng)大，封裝WangEditor組件非常簡單，需要的朋友可以參考下
2021-07-07
Angular自定義指令Tooltip的方法實(shí)例
現(xiàn)實(shí)世界千變?nèi)f化,區(qū)區(qū)幾種內(nèi)置指令不可能滿足所有的需求,下面這篇文章主要給大家介紹了關(guān)于Angular自定義指令Tooltip的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05
詳解Angular.js數(shù)據(jù)綁定時(shí)自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容
本篇文章主要介紹了詳解Angular.js數(shù)據(jù)綁定時(shí)自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
淺談Angular的12個(gè)經(jīng)典問題
Angular作為目前最為流行的前端框架，受到了前端開發(fā)者的普遍歡迎。不論是初學(xué)Angular的新手，還是有一定Angular開發(fā)經(jīng)驗(yàn)的開發(fā)者，了解本文中的12個(gè)經(jīng)典面試問題，都將會是一個(gè)深入了解和學(xué)習(xí)Angular2的知識概念的絕佳途徑。
2021-05-05
整理AngularJS框架使用過程當(dāng)中的一些性能優(yōu)化要點(diǎn)
這篇文章主要介紹了AngularJS框架使用過程當(dāng)中的一些性能優(yōu)化要點(diǎn),Angular通常被用來制作大型單頁應(yīng)用,因而性能問題也是必須考慮的因素,需要的朋友可以參考下
2016-03-03