详解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 相关文章推荐
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
js使用心得分享
Jan 13 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
vue loadmore组件上拉加载更多功能示例代码
Jul 19 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
Jul 12 Javascript
JSON 入门教程基础篇 json入门学习笔记
Sep 22 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
在smarty中调用php内置函数的方法
2013/02/07 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
Cookie 注入是怎样产生的
2009/04/08 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
babel基本使用详解
2017/02/17 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
举例介绍Python中的25个隐藏特性
2015/03/30 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
python连接mysql有哪些方法
2020/06/24 Python
浅谈python 类方法/静态方法
2020/09/18 Python
Django缓存Cache使用详解
2020/11/30 Python
详解CSS3的perspective属性设置3D变换距离的方法
2016/05/23 HTML / CSS
农业资源与环境专业自荐信范文
2013/12/30 职场文书
建筑工地标语
2014/06/18 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
灵能百分百第三季什么时候来?
2022/03/15 日漫