springboot+vue多文件上传避坑Required request part ‘files‘ is not present

后端

@PostMapping(value = "/add", headers = "Content-Type=multipart/form-data")
public R<Object> addReport(@RequestParam("files") MultipartFile[] files, @RequestParam("data") String data) {
...
}

前端文件数据

let formData = new FormData();
files.forEach((file) => {
        formData.append('files', file); // 'files' 是后端接受的字段名
    });

formData.append('data', JSON.stringify(data));
...
// formData 对象是上传至后端的数据

如果文件数据是vue的响应式数据，而不是直接从input标签拿到的文件数据，那么就会出现文件无法识别，append前先转换格式

const files = this.imageList.map(image => image.file);
// imageList 是vue的响应式数据