NodeJS+MongoDB开发CRUD应用时UI加载失败、表单提交字段必填报错

问题排查结论与解决步骤 #

你遇到的报错是Mongoose模型校验触发的必填字段缺失错误，核心原因是服务端没有收到前端表单提交的name、email字段值，大部分情况不是model.js的配置错误，可按以下顺序排查：

1. 前端表单配置问题 #

• 检查表单输入项的name属性是否和模型字段完全一致：比如输入框如果写的是<input name="username">而非<input name="name">，提交时就不会携带name参数
• 检查表单提交的内容格式：如果服务端接口只适配application/json格式，原生HTML表单默认提交的application/x-www-form-urlencoded格式会导致参数无法被解析，需要改为用fetch/axios序列化表单数据为JSON格式后提交

2. 服务端中间件缺失问题 #

• 检查Express服务代码是否添加了请求体解析中间件，Express 4.16及以上版本需要主动添加以下两行配置才能正常读取请求参数：

// 解析JSON格式请求体
app.use(express.json())
// 解析表单提交的urlencoded格式请求体
app.use(express.urlencoded({ extended: true }))

• 可以在接口处理逻辑中添加console.log(req.body)，提交表单后查看终端输出，如果输出为空对象即可确定是解析中间件缺失或者前端传参格式错误

3. model.js配置排查（仅当前两项都正常时检查） #

• 确认模型中name和email字段的required配置是否符合业务需求，如果你的业务允许这两个字段为空，可以去掉required: true配置；如果业务要求必填，该配置本身没有问题，不需要修改

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