详解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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
Java设计中的Builder模式的介绍
Mar 22 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
js实现电灯开关效果
Jan 19 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
使用adodb lite解决问题
2006/12/31 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python循环语句之break与continue的用法
2015/10/14 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
python实现文件的备份流程详解
2019/06/18 Python
python的sorted用法详解
2019/06/25 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
Python爬取网页信息的示例
2020/09/24 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
职业技术学校毕业生推荐信
2013/12/03 职场文书
优秀学生事迹材料
2014/02/08 职场文书
防沙治沙典型材料
2014/05/07 职场文书
领导班子整改方案
2014/10/25 职场文书
综治工作汇报材料
2014/10/27 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python
MSSQL基本语法操作
2022/04/11 SQL Server