angular2实现统一的http请求头方法

 更新时间:2018年08月13日 11:04:14   作者:灵眼儿上方  
今天小编就为大家分享一篇angular2实现统一的http请求头方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

//方案1:能用,但token信息不能写在服务中,应该用全局变量替代,而且还得考虑参数复合问题。
@Injectable()
export class DefaultRequestOptions extends BaseRequestOptions {
  constructor() {
  super();
  this.headers.set('Content-Type', 'application/json');
 }
}
export const requestOptionProvider = {provide: RequestOptions, useClass: DefaultRequestOptions};
//方案2:能用,比较正规的实现,但以后请求就只能用myHttp对象了,而且还要考虑参数复合问题。
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); // 创建myHttp对象
}

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

以上这篇angular2实现统一的http请求头方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • angularjs实现时间轴效果的示例代码

    angularjs实现时间轴效果的示例代码

    本篇文章主要介绍了angularjs实现时间轴效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • AngularJS指令详解及示例代码

    AngularJS指令详解及示例代码

    本文主要介绍AngularJS指令,这里整理了简单的指令并附示例代码,有需要的小伙伴可以参考下
    2016-08-08
  • 使用angularjs创建简单表格

    使用angularjs创建简单表格

    AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件,然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。下面我们来看看如何使用angularjs创建简单表格
    2016-01-01
  • Angularjs 1.3 中的$parse实例代码

    Angularjs 1.3 中的$parse实例代码

    本文通过实例代码给大家介绍了angularjs $parse的相关知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-09-09
  • AngularJS中directive指令使用之事件绑定与指令交互用法示例

    AngularJS中directive指令使用之事件绑定与指令交互用法示例

    这篇文章主要介绍了AngularJS中directive指令使用之事件绑定与指令交互用法,结合实例形式分析了directive指令在模板的使用,事件的绑定及元素、属性、控制器之间的交互相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • Angular封装WangEditor富文本组件的方法

    Angular封装WangEditor富文本组件的方法

    这篇文章主要介绍了Angular封装WangEditor富文本组件,得益于Angular的强大,封装WangEditor组件非常简单,需要的朋友可以参考下
    2021-07-07
  • Angular自定义指令Tooltip的方法实例

    Angular自定义指令Tooltip的方法实例

    现实世界千变万化,区区几种内置指令不可能满足所有的需求,下面这篇文章主要给大家介绍了关于Angular自定义指令Tooltip的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 详解Angular.js数据绑定时自动转义html标签及内容

    详解Angular.js数据绑定时自动转义html标签及内容

    本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • 浅谈Angular的12个经典问题

    浅谈Angular的12个经典问题

    Angular作为目前最为流行的前端框架,受到了前端开发者的普遍欢迎。不论是初学Angular的新手,还是有一定Angular开发经验的开发者,了解本文中的12个经典面试问题,都将会是一个深入了解和学习Angular2的知识概念的绝佳途径。
    2021-05-05
  • 整理AngularJS框架使用过程当中的一些性能优化要点

    整理AngularJS框架使用过程当中的一些性能优化要点

    这篇文章主要介绍了AngularJS框架使用过程当中的一些性能优化要点,Angular通常被用来制作大型单页应用,因而性能问题也是必须考虑的因素,需要的朋友可以参考下
    2016-03-03

最新评论