详解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 放大镜 放大倍率和视窗尺寸
May 09 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
JavaScript Array对象基本方法详解
Sep 03 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
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php 注释规范
2012/03/29 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
js 上传图片预览问题
2010/12/06 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
2018/12/13 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
python selenium循环登陆网站的实现
2019/11/04 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
优秀学生干部个人的自我评价
2013/10/04 职场文书
班长岗位职责
2013/11/10 职场文书
财务部岗位职责
2013/11/19 职场文书
经典婚礼主持词
2014/03/13 职场文书
助学贷款贫困证明
2014/09/23 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
党员带头倡议书
2015/04/29 职场文书
合同补充协议书
2016/03/24 职场文书
mysql批量新增和存储的方法实例
2021/04/07 MySQL