背景
axios设置post、put等方式的请求头是能正常设置的,但是axios不能直接设置get请求的请求头,需要做一些特殊的处理
axios.defaults.headers.common["Timezone"] =Timezone; axios.defaults.headers.common["Lang"] =Lang; axios.defaults.headers.common["Default-Lang"] =DefaultLang; axios.defaults.headers.common["Content-Type"] ='application/json'; // Content-Type不管怎样,get请求都设置不上去
解决办法
axios内部做了个判断,如果是get请求。是不让你设置请求头的。而他的判断就是依据data是否存在,如果data存在则默认你是post请求。允许设置请求头。
解决办法如下:
axios.interceptors.request.use(config=> { if (config.method==='get') { // 给data赋值以绕过if判断config.data=true } config.headers['Content-Type'] ='application/text'returnconfig }, err=>Promise.reject(err))
通过拦截器给这个请求添加data。然后再去设置请求头。即可成功