axios设置请求头

背景：

请求后端数据时，接口返回json为空。与后端沟通发现，请求头中缺少

‘X-Requested-With’: ‘XMLHttpRequest’

解决：

1，vue+vant项目中

service.interceptors.request.use(
config => {
config.headers = { ‘X-Requested-With’: ‘XMLHttpRequest’ }
if (store.getters.token) {
config.headers[‘X-Token’] = getToken()
}
return config
},
error => {
return Promise.reject(error)
}
)

在请求中设置请求头：

config.headers = { 'X-Requested-With': 'XMLHttpRequest' }

2.vue+elementui

axios.defaults.headers.common[‘X-Requested-With’] = ‘XMLHttpRequest’
service.interceptors.request.use(
config => {
// do something before request is sent
return config
},
error => {
return Promise.reject(error)
}
)

在设置拦截器前加入

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

存疑：

当我在vue+vant项目中使用方法2，设置请求头失败

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦

axios设置请求头相关推荐

单独给axios设置请求头
有个请求需要单独设置请求头,又不能影响其他接口的请求头,需要单独设置 const res = await axios({method:"get",url:"http:// ...
axios原生请求设置请求头
工作中项目使用的是前端的Vue框架,请求用的是自己封装好的axios,api请求均已封装成方法,在页面中使用时直接import 然后写在自己的自定义触发方法中即可. 然而遇到一个棘手的问题就是有一个超 ...
request设置请求头_收藏 Scrapy框架各组件详细设置
今天说一下Scrapy框架各组件的详细设置. 关于Scrapy Scrapy是纯Python语言实现的爬虫框架,简单.易用.拓展性高是其主要特点.这里不过多介绍Scrapy的基本知识点,主要针对其高拓 ...
爬虫实战学习笔记_6 网络请求request模块：基本请求方式+设置请求头+获取cookies+模拟登陆+会话请求+验证请求+上传文件+超时异常
1 requests requests是Python中实现HTTP请求的一种方式,requests是第三方模块,该模块在实现HTTP请求时要比urlib.urllib3模块简化很多,操作更加人性化. ...
爬虫实战学习笔记_2 网络请求urllib模块+设置请求头+Cookie+模拟登陆
1 urllib模块 1.1 urllib模块简介 Python3中将urib与urllib2模块的功能组合,并且命名为urllib.Python3中的urllib模块中包含多个功能的子模块,具体内容 ...
给RabbitMQ发送消息时，设置请求头Header。
消费者的请求头生产者设置请求头由于消费者那里,@Payload是接受的消息体,使用了@Header注解,需要请求头,生产者这边就要设置请求头,然后rabbitTemplate再调用convertA ...
ajax中设置请求头和自定义请求头
回到文章总目录 1.创建在testfour文件夹并在这个文件夹里面 2.创建post.html文件 3.创建server.js文件本篇文章使用了鼠标移动至方框则自动发送请求至服务端通常设置请求头 ...
restTemplate请求设置请求头信息
//设置请求头信息 HttpHeaders httpHeaders=new HttpHeaders(); //发送请求头格式为json/编码为utf-8 httpHeaders.setContent ...
vue修改http请求头_vue-resouce设置请求头的三种方法
本文主要介绍了vue-resouce设置请求头的三种方法,分享给大家,具体如下: 第一种:在Vue实例中设置 var vm = new Vue({ el:'#rrapp', data:{ showLi ...

axios设置请求头

背景：

解决：

存疑：

axios设置请求头相关推荐

最新文章

热门文章