如何解决用vue-axios get添加不上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)
})

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

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值