axios发送post请求返回400状态码


今天在用 axios 发送一个跨域的post请求时,遇到了一个坑:Uncaught (in promise) Error: Request failed with status code 400。

前台代码如下:

 this.$http.post({
          url:'/v1/assets',
          data:{
            name: this.form.name,
            categoryType: this.form.type,
            categoryName: this.form.type === "power" ? "电源" : "其他配件",
            fee: 123.5,
            factoryId: 1
          }

而当我在postman上发送post请求时就能成功获得返回数据。困扰了很久,才发现是请求头的问题。
axios请求头的 Content-Type 默认是 application/json
postman默认的是 application/x-www-form-urlencoded。
解决方案:

//用qs解析,jsonToForm
axios.interceptors.request.use(config => {
  if(config.type == 'formData' || config.method != 'post'){
    return config
  }
  config.data = qs.stringify(config.data)
  return config
}, (err) =>{
  Message.error({
    message: '加载超时'
  });
  return Promise.reject(err);
})

完美解决!撒花

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐