记录一下做项目时遇见的问题

背景: 前后端分离项目中, 前端vue项目使用axios的post发送请求传递数组类型的参数。

问题:在axios中data里放入传递的参数,后台使用 @RequestParam 获取参数,然后出现了400的错误。无法获取传递的参数。

解决方法:

前端在传递参数时,使用 FormData() 这个方法,将传递的参数处理一下,再放入data中,再使用@RequestParam即可。

let chooseValues = ['参数1','参数2','参数3'];
let formData = new FormData();
formData.append("duty", chooseValues);//这里duty是后台使用 @RequestParam(value = "duty") String[] duty value的值
//调用封装好的axios请求
doTest(formData).then(function (response) {
    alert("成功了");
}).catch(function (response) {
    console.log(response);
});

axios请求:

export function doTest(formData) {
    return request({
        url:'/manage/test',
        method:'post',
        data:formData
    })
}

SpringMVC获取:

@PostMapping(value = "test")
public void test(@RequestParam(value = "duty") String[] duty){
    //打印数组
    System.out.println(Arrays.toString(duty));
}
仅供参考,大佬轻喷..
Logo

前往低代码交流专区

更多推荐