axios 上传file文件遇到的坑， no multipart boundary was found

Question

如题，我再详细描述下遇到的问题，先贴一下我的上传代码

vue组件中diamante如下

     //上传用户头像
        async upLoadFiles(){
          //获取base64格式
          this.$refs.cropper.getCropData((data) => {
            const file = this.base64ToFile(data,"测试文件名");
            let param = new FormData();
            param.append("file",file);
            //FormData私有类对象，访问不到，可以通过get判断值是否传进去
            console.log("输出 param.get：",param.get("file"));
            // console.log("输出 转换后的file：",file);
            this.$apis.UserApi.updateUserIcon(param);
          });
          this.isShowModal = false;
        },

api,updateUserIcon代码如下

  updateUserIcon(formData){
    return request({
      url:'user/updateUserIcon',
      method:'post',
      headers:{
        "Content-Type":"multipart/form-data", //文件上传时的格式
      },
      data:formData,
    }).then( res =>{
      console.log("updateUserIcon 输出：",res);
      return res;
    }).catch( err =>{
      console.log("updateUserInfo 输出：",err);
      return err;
    })
  }

后台错误信息如下

org.springframework.web.multipart.MultipartException: Failed to parse multipart servlet request; nested exception is java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found

浏览器控制台输出如下

控制台请求信息如下

老哥们能帮我看看问题是出在哪里了么？

另外，后台接收文件部分代码如下（虽然接口还没有接入成功）

Answer 1

不要设置header, header会自动设置！

headers:{
    "Content-Type":"multipart/form-data", //这个去掉！！！
 },

Answer 2

提示 no multipart boundary 你是不是对 formData 做了什么? 比如在 axios 的 transformRequest 里进行了转换

Answer 3

这是我前端上传格式问题，上传错了，跟后台没有关系，如果有遇到类似问题的，不妨参考一下，或者检查一下，自己上传的是信息是否正确

Answer 4

因为使用了axios的拦截器
用axios.crate()

Answer 5

一模一样的问题 博主怎么解决的 在线等，求告知