the request was rejected because no multipart boundary was found

关注

原创最新推荐文章于 2026-02-23 01:21:06 发布 1.5w 阅读 AI 写同款· GEO 优化 ›

axios上传文件错误：Current request is not a multipart request 其实整个过程我一共经历了三个报错信息，分别是 1.Current request is not a multipart request：当前请求不是multipart 请求 2.the request was rejected because no multipart boundary was found：请求被拒绝，因为未找到多部分边界 3.Required request part ‘files’ is not present我是想在vue中实现一个上传文件的功能，采用axios方式上传，数据模式采用. 阅读详情

前端完整报错如下：

Could not 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

前端使用React进行开发

分析：

由于后端设置的是multipart files，所以在前端要穿对应的格式，header中设置参数即可。
new 一个FormData对象，文件列表中的每个文件添加到formData 对象中，注意，文件列表中每个元素都是JS 的 File对象。
下图所示是浏览器控制台输出的File对象。
在这里插入图片描述
具体实现见代码示例。

解决方法如下：

    let formData = new FormData();
    this.pictures.map((item)=>{
      formData.append("pictures", this.item);
    })
    
    // formData.append("content", e.content);
    // formData.append("issueTime", getNow("YYYY-mm-dd HH:MM"));
    // formData.append("issuer", store.getState());
    // formData.append("title", e.title);

    axios({
      url: "/api/newsInsert",
      method: "post",
      headers: {
        "Content-Type": "multipart/form-data",
      },
      params: {
        content: e.content,
        issueTime: getNow("YYYY-mm-dd HH:MM"),
        issuer: store.getState(),
        title: e.title,
      },
      data: formData,
    }).then(
      (response) => {
        console.log(response.data);
      },
      (error) => {
        console.log(error);
      }
    );