Resolved [org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present]

这几天想整个Minio玩玩，前后端上传文件时爆了这个警告

后端代码：

    @Transactional
    @PostMapping("/upload")
    public Result<String> upload(@RequestParam("file") MultipartFile multipartFile){
        

        result Result.ok();
    }

前端代码：

uploadFileButton.addEventListener("click", () => {
            const file = document.querySelector('#file').files[0];
            const data = new FormData().append('file', file);
            axios({
                method: 'post',
                url: 'http://localhost:8080/upload',
                data: {data},
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            })
        })

因为是SprinBoot找不到对应的参数，所以可以确定是前端的问题，然后发现了两个问题：

1. new FormData()不能直接接.append()，否则返回数据应该不是FormData对象
2. axios传参时不能携带{}，否则识别不出来

如果是前端没问题，一般需要检查下@RequestParam("file")指定的参数名是否和append('file', file)指定的参数名一致，或者检查下配置文件上传文件大小

修改后的前端代码：

        uploadFileButton.addEventListener("click", () => {
            const file = document.querySelector('#file').files[0]
            const data = new FormData();
            data.append('file', file);

            axios({
                method: 'post',
                url: 'http://localhost:8080/upload',
                data: data,
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            })
        })

数据后端可正常接收