vue-resouce设置请求头的三种方法


Posted in Javascript onSeptember 12, 2017

本文主要介绍了vue-resouce设置请求头的三种方法,分享给大家,具体如下:

第一种:在Vue实例中设置

var vm = new Vue({
  el:'#rrapp',
  data:{
   showList: true,
   title: null
  },
  http: {
    root: '/',
    headers: {
      token: token
    }
  }
})

第二种:全局设置请求头

Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';

第三种:在拦截器中设置

Vue.http.interceptors.push((request, next) => {
    request.headers.set('token', token); //setting request.headers
    next((response) => {
      return response
   })
})

另附vue interceptors 设置请求头

在main.js添加过滤器,可以

Vue.http.interceptors.push((request,next)=>{
 //request.credentials = true; // 接口每次请求会跨域携带cookie
 //request.method= 'POST'; // 请求方式(get,post)
 //request.headers.set('token','111') // 请求headers携带参数

 next(function(response){
  return response;

 });
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
js实现简单的可切换选项卡效果
Apr 10 Javascript
js中substring和substr两者区别和使用方法
Nov 09 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
JavaScript中创建原子的方法总结
Aug 26 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 Javascript
如何实现vue的tree组件
Dec 03 Vue.js
vue params、query传参使用详解
Sep 12 #Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 #Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 #Javascript
js封装成插件_Canvas统计图插件编写实例
Sep 12 #Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 #Javascript
详解angular笔记路由之angular-router
Sep 12 #Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
You might like
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
利用Node.js了解与测量HTTP所花费的时间详解
2017/09/22 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
Python 备份程序代码实现
2017/03/06 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/27 Python
python实现京东秒杀功能
2018/07/30 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
Django ModelForm操作及验证方式
2020/03/30 Python
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
成都思必达公司C#程序员招聘面试题
2013/06/26 面试题
软件测试工程师面试问题精选
2016/10/28 面试题
基层干部十八大感言
2014/01/19 职场文书
考试作弊检讨
2015/01/27 职场文书
保研导师推荐信
2015/03/25 职场文书
培训通知
2015/04/17 职场文书
表扬信范文
2015/05/04 职场文书