向MongoDB新增商品时返回POST 500内部服务器错误，该如何排查解决？

• 唯一索引冲突：Product Schema 中name字段配置了unique: true，当提交的商品名已存在于数据库时，MongoDB会抛出冲突错误，触发500响应。
• 数据类型不匹配：
  • 前端categories初始值为空字符串，若用户未填写分类直接提交，字符串类型不符合Schema定义的Array类型要求，Mongoose校验失败报错。
  • 前端price输入框的e.target.value默认返回字符串，未做类型转换直接提交的话，可能触发Schema的Number类型校验规则。
• 必填字段缺失：未填写商品名/价格就提交，不符合Schema中required: true的校验规则，会直接报错。

1. 先添加错误日志快速定位具体问题
   修改后端productRoute.js的报错逻辑，打印具体错误信息：

router.post('/newProduct', async (req, res) => {
  const newProduct = new Product(req.body)
  try {
    const savedProduct = await newProduct.save()
    res.status(200).json(savedProduct)
  } catch (error) {
    console.log('新增商品错误详情：', error) // 后端控制台可查看具体报错原因
    res.status(500).json({ message: '新增失败', error: error.message })
  }
})

同时修改前端dashboard.jsx的捕获逻辑，打印返回的错误信息：

catch (error) {
  console.log('请求错误：', error.response?.data)
  seterror(true)
}

2. 修复前端数据类型错误

• 修改categories初始值为空数组，避免空字符串提交：

const [categories, setCat] = useState([])

• 价格输入时转换为数字类型，匹配Schema要求：

onChange={(e) => setprice(Number(e.target.value))}

3. 新增表单校验逻辑
   提交前判断商品名、价格不为空，避免无效请求：

const handleSubmit = async (e) =>{
  e.preventDefault()
  if(!name.trim() || price <= 0) {
    alert('请填写有效的商品名和价格')
    return
  }
  // 原有逻辑不变
}

4. 新增重复商品名提示
   根据后端返回的错误信息判断如果是唯一索引冲突，前端提示用户更换商品名即可。

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