详解Vue-axios 设置请求头问题


Posted in Javascript onDecember 06, 2018

在axios向后端传参时需要设置请求头,确保请求参数的格式为JSON字符串(此时用JSON.stringify(obj)无效时)

this.$axios({
   method:'',
   url:'',
   headers: {
     'Content-Type': 'application/json',//设置请求头请求格式为JSON
     'access_token': this.token //设置token 其中K名要和后端协调好
   },
   params:{}
}).then((response)=>{})

下面看下axios设置请求头内容

axios设置请求头中的Authorization 和 cookie 信息:

GET请求

axios.get(urlString, 
  {
    headers: {
      'Authorization': 'Bearer ' + token,
      "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
      ...
    },
    params: {
      param1: string,
      param2: string
    },
    ...
  }
)
.then(res => fn)
.catch(e => fn)

POST请求

axios.post(urlString, 
  {
    data: data,
    ...
  },
  {
    headers: {
      'Authorization': 'Bearer ' + token,
      "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
      ...
    }
  }
)
.then(res => fn)
.catch(e => fn)

总结

以上所述是小编给大家介绍的Vue-axios 设置请求头问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
15款优秀的jQuery导航菜单插件分享
Jul 19 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
JavaScript显示表单内元素数量的方法
Apr 02 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
JavaScript实现大图轮播效果
Jan 11 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
ES6 Set结构的应用实例分析
Jun 26 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 #jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 #jQuery
js防抖和节流的深入讲解
Dec 06 #Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 #Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 #Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 #Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 #Javascript
You might like
PHP通过COM使用ADODB的简单例子
2006/12/31 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
PHP多文件上传实例
2015/07/09 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
2010/05/22 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
react-router中的属性详解
2017/06/01 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
element-ui组件table实现自定义筛选功能的示例代码
2019/03/15 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
对python中的乘法dot和对应分量相乘multiply详解
2018/11/14 Python
Python帮你微信头像任意添加装饰别再@微信官方了
2019/09/25 Python
Python网页解析器使用实例详解
2020/05/30 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
EJB timer的种类
2014/10/28 面试题
毕业生找工作推荐信
2013/11/21 职场文书
会走路的树教学反思
2014/02/20 职场文书
部门2014年度工作总结
2014/11/12 职场文书