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


Posted in Javascript onAugust 13, 2018

如下所示:

//方案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请求头方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
js取整数、取余数的方法
May 11 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
angularjs点击图片放大实现上传图片预览
Feb 24 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
vue左右侧联动滚动的实现代码
Jun 06 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
AngularJS发送异步Get/Post请求方法
Aug 13 #Javascript
vue后台管理之动态加载路由的方法
Aug 13 #Javascript
jQuery中$原理实例分析
Aug 13 #jQuery
Angular服务Request异步请求的实例讲解
Aug 13 #Javascript
微信小程序中使用wxss加载图片并实现动画效果
Aug 13 #Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 #jQuery
Angular异步变同步处理方法
Aug 13 #Javascript
You might like
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
php牛逼的面试题分享
2013/01/18 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
php设计模式之委托模式
2016/02/13 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
nicejforms——美化表单不用愁
2007/02/20 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
Angularjs 自定义服务的三种方式(推荐)
2016/08/02 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
js实现一个页面多个倒计时的3种方法
2019/02/25 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
python中对list去重的多种方法
2014/09/18 Python
python实现多人聊天室
2020/03/31 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
出国签证在职证明
2014/01/16 职场文书
企业申诉管理制度
2014/01/30 职场文书
预备党员政审材料
2014/02/04 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers