详解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中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
JavaScript复制变量三种方法实例详解
Jan 09 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
超好用的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
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
php构造函数与析构函数
2016/04/23 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
2013/01/27 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
iframe实用操作锦集
2014/04/22 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
javascript表单验证大全
2015/08/12 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
vue 国际化 vue-i18n 双语言 语言包
2018/06/07 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
总结Python编程中函数的使用要点
2016/03/20 Python
python for和else语句趣谈
2019/07/02 Python
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例
2020/02/28 Python
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
和平主题的演讲稿
2014/01/12 职场文书
房屋买卖协议书
2014/04/10 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
交通安全教育心得体会
2016/01/15 职场文书
小学一年级数学教学反思
2016/02/16 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript