详解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 相关文章推荐
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
js中匿名函数的创建与调用方法分析
Dec 19 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
JQuery和PHP结合实现动态进度条上传显示
Nov 23 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
php生成缩略图的类代码
2008/10/02 PHP
php mssql 时间格式问题
2009/01/13 PHP
php cc攻击代码与防范方法
2012/10/18 PHP
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
Laravel 5框架学习之Eloquent (laravel 的ORM)
2015/04/08 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
学习JavaScript设计模式之状态模式
2016/01/08 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
Node.js API详解之 dns模块用法实例分析
2020/05/15 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
Python生成随机MAC地址
2015/03/10 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
2015年公司行政后勤工作总结
2015/05/20 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
检讨书怎么写?
2019/06/21 职场文书