Vue 前端 put 或 post 请求发送到 Spring Boot 后端无法接收到数据的解决方法
项目场景：Vue前端向Spring Boot后端发送put或post请求，使用axios问题描述：Vue前端向Spring Boot后端发送数据，使用的是post或是put请求时，后端获取不到数据，显示为空原因分析：axios默认post请求格式为json，但spring boot默认不使用json格式解析解决方案：1、后端处理在controller方法中的参数前面加入@RequestBody例：
·
项目场景：
Vue前端向Spring Boot后端发送put或post请求，使用axios问题描述：
Vue前端向Spring Boot后端发送数据，使用的是post或是put请求时，后端获取不到数据，显示为空原因分析：
axios默认post请求格式为json，但spring boot默认不使用json格式解析解决方案：
1、后端处理
在controller方法中的参数前面加入@RequestBody
例：
@PostMapping
public void add(@RequestBody Obiect o) {
System.out.println(o);
}
2、前端处理
将表单数据格式化为字符串
先安装qs库
npm i qs
在axios中的配置文件中加入如下配置即可
import Qs from "qs";
request.interceptors.request.use(config => {
if (config.method === 'put' || config.method === 'post') {
config.headers = {'Content-Type': 'application/x-www-form-urlencoded'}
config.data = Qs.stringify(config.data)
}
return config
}
前往低代码交流专区
更多推荐
2
0- 0
已为社区贡献2条内容
所有评论(0)