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 相关文章推荐
js图片延迟加载的实现方法及思路
Jul 22 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
瀑布流布局代码一例
Apr 11 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
May 05 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
Apr 25 Javascript
Angular8 简单表单验证的实现示例
Jun 03 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 Javascript
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 flock 文件锁详细介绍
2012/12/29 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
python利用sklearn包编写决策树源代码
2017/12/21 Python
实例讲解Python爬取网页数据
2018/07/08 Python
python自动化测试之如何解析excel文件
2019/06/27 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
西安当代医院管理研究院笔试题
2015/12/11 面试题
入党自荐书范文
2014/03/09 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
党支部先进事迹材料
2014/12/24 职场文书
被告代理词范文
2015/05/25 职场文书
同学会演讲稿
2019/04/02 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
年中了,该如何写好个人述职报告?
2019/07/02 职场文书
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL