Vue使用axios的POST请求传递数组参数,显示400错误的问题

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

背景： 前后端分离项目中， 前端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));
}

仅供参考，大佬轻喷..