如何解决用vue-axios get添加不上content-type

如何解决用vue-axiosget添加不上content-type

    • 第一种情况单个请求添加content-type
    • 第二种情况全局添加添加content-type
    • !!!!那么问题来了以上方法去尝试也无法去添加上

第一种情况单个请求添加content-type

代码如下:

export function exportUser_my(url, parameter) {
  return axios({
    url: url, // 请求地址
    params: parameter, //请求参数
    method: 'get', // 请求方式
    headers: {
      'Content-Type': 'application/json', // 设置Content-Type值为application/json
    }
  })
}

第二种情况全局添加添加content-type

全局添加的话我们需要找到项目里全局路由拦截的地方去添加
代码如下:

service.interceptors.request.use(config => {
  config.headers['content-type'] = 'application/json; charset=UTF-8' //在这里去添加就可以了(每个请求添加content-type')
  const token = Vue.ls.get(ACCESS_TOKEN)
  if (token) {
    config.headers[ 'X-Access-Token' ] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
  }
  return config
},(error) => {
  return Promise.reject(error)
})

!!!!那么问题来了以上方法去尝试也无法去添加上

解决方法如下:
config.data = {unused: 0} // 这个是关键点,加入这行就可以了 解决get 请求添加不上content_type

service.interceptors.request.use(config => {
  config.headers['content-type'] = 'application/json; charset=UTF-8' //在这里去添加就可以了(每个请求添加content-type')
  const token = Vue.ls.get(ACCESS_TOKEN)
  if (token) {
    config.headers[ 'X-Access-Token' ] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
  }
  if (config.method === 'get') {
    config.data = {unused: 0} // 这个是关键点,加入这行就可以了  解决get  请求添加不上content_type 
  }
  return config
},(error) => {
  return Promise.reject(error)
})

乾坤未定——你我皆黑马(不要怂,上去就是干)

你可能感兴趣的:(如何解决用vue-axios get添加不上content-type)