记一次诡异的axios发送post请求出现400异常

最新推荐文章于 2023-04-24 22:33:39 发布

我每天要吃很多很多

最新推荐文章于 2023-04-24 22:33:39 发布

阅读量3.4k

点赞数 1

分类专栏： axios

本文链接：https://blog.csdn.net/m0_37293343/article/details/88596111

版权

axios 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

封装的post方法

export const postRequestApi = (url, params) => {
  let param = url.indexOf('gcwwwifc') > -1 ? params : {Json: JSON.stringify(params)}
  return axios({
    method: 'post',
    url: `${base}${url}`,
    data: param, 
    transformRequest: [function (data) {
      let ret = ''
      for (let it in data) {
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      }
      return ret
    }],
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  })
}

后端接收参数是通过request.getParamter('Json')

采用data传参封装在请求的body中，后端拿不到参数；

采用params传参开发环境后端可接收到参数，但在生产环境报错400，怀疑是webpack代理出现问题；

临时解决方案：

开发环境params，生产环境data