axios设置请求头无效

axios设置请求头无效

背景

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。然后再去设置请求头。即可成功

猜你喜欢

转载自blog.csdn.net/Boale_H/article/details/127517244
今日推荐