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开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦