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 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
JS闭包用法实例分析
Mar 27 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
js实现翻牌小游戏
Jul 31 Javascript
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
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
jQuery Validation插件remote验证方式的Bug解决
2010/07/01 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
基于JQuery制作的产品广告效果
2010/12/08 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
intro.js 页面引导简单用法 分享
2013/08/06 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
Python FTP操作类代码分享
2014/05/13 Python
Python实现子类调用父类的方法
2014/11/10 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
python Django 创建应用过程图示详解
2019/07/29 Python
详解python中各种文件打开模式
2020/01/19 Python
python+OpenCV实现图像拼接
2020/03/05 Python
jupyter notebook清除输出方式
2020/04/10 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
仓库组长岗位职责
2014/01/29 职场文书
职务聘任书范文
2014/03/29 职场文书
检举信的格式及范文
2014/04/04 职场文书
工程售后服务方案
2014/06/08 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
党支部评议意见
2015/06/02 职场文书