Next.js+Node.js文件上传时Multer报Unexpected end of form解决方法

核心问题是前端手动指定了错误的Content-Type请求头。
使用FormData传输文件时，浏览器会自动生成multipart/form-data请求头，同时自动填充和请求体匹配的随机boundary分隔符，供后端解析multipart内容时识别字段边界。你手动硬编码boundary=MyBoundary属于无效值，和实际请求体里的分隔符完全不匹配，Multer底层依赖的busboy解析库找不到正确的结束标记，就会抛出Unexpected end of form错误。
你之前观察到“移除Content-Type后表单能提交但带不上文件”是误判——移除手动写的Content-Type才是正确写法，当时没拿到文件是其他因素导致的，和请求头无关。

按顺序改以下几处即可：

• 删掉前端fetch配置里手动写的Content-Type请求头，不要手动设置multipart类型的请求头，完全交给浏览器自动生成。修改后的提交代码：

submit(event) {
  event.preventDefault();
  let form_values = new FormData(event.target);
  fetch(this.props.env.api + "/user/update", {
    method: 'post',
    // 此处删除headers里的Content-Type配置，不要手动设置
    body: form_values
  }).then((response) => {
    return response.json();
  }).then((response) => {
    console.log(response);
  });
}

• 补全后端接口的响应逻辑，你当前的接口只打印了日志没有返回任何响应，前端等待JSON返回时会挂起。修改route/user.js的路由处理：

app.post('/user/update', upload.single('user_photo'), (req, res) => {
  console.log('表单字段：', req.body);
  console.log('上传文件信息：', req.file);
  // 补充响应
  res.json({
    success: true,
    message: '上传成功',
    file: req.file
  })
});

• 提前在项目根目录创建user_photos文件夹，Multer不会自动创建不存在的存储目录，文件夹缺失会报路径错误。

• 修正body-parser的冗余配置，当前你给json解析加了application/x-www-form-urlencoded类型是无效配置，body-parser本身不处理multipart类型的文件上传，Multer会自行处理这类请求，改回默认配置即可避免潜在冲突：

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json()); // 移除多余的type配置，只处理json请求

• 测试时确保选中了文件再提交，upload.single('user_photo')要求请求中必须携带name为user_photo的文件字段，空文件提交也会触发解析错误。

内容的提问来源于stack exchange，提问作者SReca