提交表单至MongoDB时出现TypeError与Cannot POST /insert错误的排查请求

你遇到的Cannot POST /insert和TypeError: Cannot read properties of undefined (reading 'firstName')两个错误，根源都是路由定义的语法错误，导致multer中间件没被正确挂载，无法解析表单数据。

核心问题：路由参数格式错误 #

看你myRouter.js里的POST路由代码：

router.post('/insert'),upload.single("image"),(req,res)=>{
 // ... 逻辑代码
}

这里的括号写法完全错误！router.post()需要把路径、中间件、回调函数作为连续参数放在同一个括号内，你现在把它们拆成了三个独立语句，相当于只声明了一个没有处理函数的/insert路由，后面的upload.single("image")和回调根本没关联到这个路由上。

这直接引发两个问题：

• 表单提交时，Express找不到/insert的有效POST处理逻辑，返回Cannot POST /insert
• 即便错误触发了路由，因为multer中间件未生效，Express无法解析multipart/form-data格式的表单，req.body会是undefined，读取req.body.firstName自然抛出类型错误

修复步骤 #

1. 修正路由语法
   把路由代码改成正确格式，将中间件和回调函数纳入router.post()的参数列表：

router.post('/insert', upload.single("image"), (req,res)=>{
 let data = new Gallery({
 firstName:req.body.firstName,
 lastName:req.body.lastName,
 email:req.body.email,
 telephone:req.body.telephone,
 description:req.body.description,
 image:req.file.filename
 })
 // 注意：如果Gallery是Mongoose模型，通常用内置的data.save()而非自定义saveGallery
 // 除非你在模型里手动定义了这个静态方法
 data.save((err)=>{
 if(err) console.log(err)
 res.redirect('/')
 })
})

2. 验证Mongoose保存方法
   如果你没有在Gallery模型里自定义saveGallery静态方法，原代码里的Gallery.saveGallery(data, ...)是无效的，改用Mongoose内置的data.save()或Gallery.create(data)来保存数据，否则会出现新的错误。

3. 测试表单提交
   修正后重启服务器，再提交表单，应该就能正常解析req.body的字段和req.file的文件信息，成功存入MongoDB了。

额外建议 #

可以在路由里添加基础的错误捕获，避免类似的未定义错误：

router.post('/insert', upload.single("image"), (req,res)=>{
 if(!req.body || !req.file){
  return res.status(400).send("表单数据或图片未正确提交")
 }
 // 后续保存逻辑
})

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