vue 数据请求content-type 全局设置和部分覆盖设置

最新推荐文章于 2024-07-03 08:00:00 发布

cmmboy1990

最新推荐文章于 2024-07-03 08:00:00 发布

阅读量1.2w

点赞数 2

分类专栏： vue常见问题文章标签： vue

本文链接：https://blog.csdn.net/cmmboy1990/article/details/118721139

版权

vue常见问题专栏收录该内容

35 篇文章 3 订阅

订阅专栏

vue 数据请求content-type 全局设置和部分覆盖设置

1.全局设置：
在request.js中设置

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'

2.部分接口不是json 格式传输时，设置单独的 Content-Type

headers: {
 'Content-Type': 'application/x-www-form-urlencoded'
 },

// 登录方法
export function login(username, password, code, uuid) {
  const data = {
    username:username,
    password:password
  }
  return request({
    url: '/user/login',
    method: 'post',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    data: data,
    transformRequest: [function (data) {
      // 数据默认会以json格式传递，需要转成key-value
      let ret = '';
      for (let i in data) {
        ret += encodeURIComponent(i) + '=' + encodeURIComponent(data[i]) + '&'
      }
      return ret.slice(0, -1);
    }],
  })
}