背景
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'
return config
}, err => Promise.reject(err))
通过拦截器给这个请求添加data。然后再去设置请求头。即可成功