支持文件与JSON的Node.js POST接口Angular调用返回500错误

核心问题：手动设置Content-Type导致请求解析失败 #

Angular代码里手动指定了'Content-Type': 'multipart/form-data'，但提交FormData时，浏览器会自动生成包含boundary参数的正确Content-Type头（格式类似multipart/form-data; boundary=----WebKitFormBoundaryxxxx）。手动设置的头缺少关键的boundary，服务器端的multer无法解析请求体，直接导致请求在进入路由处理函数前就中断，所以服务器端的console.log完全没执行，最终返回500错误。

解决步骤 #

1. 移除手动设置的Content-Type头
   修改Angular代码中的请求头配置，删掉'Content-Type': 'multipart/form-data'这一行：

   let httpHeaders = new HttpHeaders({
     'accept': 'application/json'
   });
   

   若不需要accept头，甚至可以直接不传自定义头，HttpClient会自动处理FormData的请求头。

2. 修复服务器端拼写错误（非当前500诱因，但需修正）
   服务器端filename函数里的fineNameString是拼写错误，改为fileNameString避免后续逻辑异常：

   filename: function (req, file, cb) {
       cb(null, file.originalname);
       fileNameString = file.originalname; // 修正拼写
   }
   

额外验证点 #

• 确保Angular中board_data对象填充了实际业务字段（当前代码为注释状态），避免后续业务逻辑出错。
• 确认服务器端uploads目录已创建，否则multer会因无法写入文件抛出异常。

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