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

最新推荐文章于 2024-08-10 15:19:33 发布

dandan_18

最新推荐文章于 2024-08-10 15:19:33 发布

阅读量1.2w

点赞数

分类专栏：前端文章标签： axios post vue 400

本文链接：https://blog.csdn.net/dandan_18/article/details/83094576

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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);
})

完美解决！撒花