提交数据到MongoDB时photos数组字段未成功写入问题排查求助

问题定位 #

你已经确认后端收到的req.body中photos字段已经是空数组，所以问题和MongoDB写入逻辑无关，只需要排查前端数据发送环节、后端请求体解析环节即可。

可能原因及解决方案 #

1. 前端photos字段不是可序列化的标准数组 #

这是最高发的原因：

• 如果你是直接将FileList、NodeList这类浏览器内置的类数组对象赋值给photos，axios默认序列化时会将这类对象转为空数组。解决方法是先转成标准数组：

// 示例：如果photos来自文件选择控件的files属性
form.photos = Array.from(form.photos)

• 如果photos是后续动态添加到form对象上的属性，需要确认属性是可枚举的，否则序列化时会被忽略：

// 验证可枚举性，返回true才会被正常序列化
console.log(Object.getOwnPropertyDescriptor(form, 'photos').enumerable)

2. 前端请求序列化规则异常 #

• 检查是否存在axios全局transformRequest配置，或者本次请求的自定义序列化逻辑，错误过滤了数组类型字段。可以先手动序列化数据进行验证：

axios.post('/api/posts', JSON.stringify(form), {
  headers: {
    'Content-Type': 'application/json'
  }
})

• 也可以直接在浏览器控制台的网络面板中查看请求的实际payload，确认photos字段在发送时是否有值。

3. 后端请求体解析中间件配置错误 #

如果你使用Express类Node框架，检查body解析中间件配置：

• 确认已配置express.json()解析JSON格式请求体。
• 如果是用urlencoded格式解析表单，需要开启extended: true才能正确解析嵌套对象、数组类型字段：

app.use(express.urlencoded({ extended: true }))

4. 全局请求拦截器篡改数据 #

检查是否配置了axios全局请求拦截器，是否存在错误修改、清空photos字段的逻辑。

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