目录
原因:请求头错误引起
axios发送的请求头的 Content-Type 默认是 application/json;
而postman默认的是 application/x-www-form-urlencoded
解决方法:
方法一:在前端解决
使用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注解接收