详解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 相关文章推荐
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
js限制文本框只能输入数字方法小结
Jun 16 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
JavaScript中的函数(二)
Dec 23 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
jQuery弹框插件使用方法详解
May 26 jQuery
超好用的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
openPNE常用方法分享
2011/11/29 PHP
symfony表单与页面实现技巧
2015/01/26 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
20个实用的JavaScript技巧分享
2014/11/28 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
jQuery中fadeOut()方法用法实例
2014/12/24 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
详解微信小程序input标签正则初体验
2018/08/18 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
python中format()函数的简单使用教程
2018/03/14 Python
Django之模型层多表操作的实现
2019/01/08 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
董事长秘书岗位职责
2015/02/13 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python