【采坑】axios发送请求报400错误，用postman进行请求测试没问题

目录

 

原因：

解决方法：

方法一：在前端解决

方法二：在后端解决

---

原因：请求头错误引起

axios发送的请求头的 Content-Type 默认是 application/json；

而postman默认的是 application/x-www-form-urlencoded

 

解决方法：

方法一：在前端解决

参考链接：axios发送post请求返回400状态码

使用qs库进行数据的序列化

参考链接里的代码：

axios.interceptors.request.use(config => {
  // 如果不是FormData类型，且为post请求，则进行数据的序列化
  if (Object.prototype.toString.call(config.data) !== '[object FormData]' && config.method === 'post') {
    // 请求拦截器处理
    config.data = qs.stringify(config.data)
  }
  return config
}, (err) =>{
  return Promise.reject(err);
})

注意：此处如果按 参考链接 则有问题，我在后来做文件上传功能时，用post请求传 FormData 类型的参数时遇到了问题，传FormData类型参数不能序列化

关于qs

参考链接：Vue 之qs 使用详解

---

方法二：在后端解决

参考链接：解决axios发送post请求返回400状态码的问题

因为axios发送的请求头的 Content-Type 默认是 application/json类型，所以在后端接收的时候使用@RequestBody注解接收