详解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 相关文章推荐
range 标准化之获取
Aug 28 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
js正则匹配markdown里的图片标签的实现
Mar 24 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 特殊字符处理函数
2008/09/05 PHP
php+ajax做仿百度搜索下拉自动提示框(有实例)
2012/08/21 PHP
基于Linux调试工具strace与gdb的常用命令总结
2013/06/03 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
js 自制滚动条的小例子
2013/03/16 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
2016/11/09 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
vue-router的钩子函数用法实例分析
2019/10/26 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
python构建基础的爬虫教学
2018/12/23 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
物业保安主管岗位职责
2013/12/25 职场文书
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
将相和教学反思
2014/02/04 职场文书
邀请函样本
2015/02/02 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python