Ionic(Angular2)前端向NodeJS后端发送空请求体问题

嘿，我之前也碰到过几乎一模一样的问题，咱们一步步拆解排查，肯定能找到MongoDB只存ID不存title的原因——毕竟前面流程都正常，问题大概率出在数据传递的某个环节漏了title字段或者后端的模型/处理逻辑没正确映射。

1. 先确认前端模态框的表单数据是否正确收集 #

首先得打个log，看看点击「保存」时，你输入的title有没有真的被封装到要提交的对象里：

// 假设你的保存按钮点击逻辑是这样的
saveNewLevel() {
  // 先打印要提交的数据，确认title存在
  console.log('准备提交的关卡数据:', this.newLevel);
  this.levelProvider.addLevel(this.newLevel).subscribe(
    res => console.log('保存成功'),
    err => console.error('保存失败', err)
  );
}

如果这里打印出来的newLevel就没有title，那问题在前端表单绑定——检查下Ionic的input是不是正确用了双向绑定：比如是不是写了[(ngModel)]="newLevel.title"，或者表单控件的name属性有没有和字段对应上。

2. 检查Ionic Provider的请求是否正确携带title #

接下来看Provider里的请求逻辑，确认数据有没有正确放到请求体里：

// LevelProvider里的addLevel方法示例
addLevel(level: Level) {
  const requestBody = JSON.stringify(level);
  console.log('发送给后端的请求体:', requestBody); // 确认这里包含title
  return this.http.post('/api/levels', requestBody, {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
  });
}

要是这里的requestBody里没有title，要么是前端传进来的level对象本身就缺这个字段，要么是Provider处理时不小心把它弄丢了。

3. 后端NodeJS接口是否正确接收请求体 #

这一步很关键，很多人会忘了加JSON解析中间件，导致后端拿不到请求体：

// 先确保你的Express app加了这个中间件（app.js或入口文件里）
app.use(express.json()); // 替代旧版的body-parser.json()

// 然后看新增关卡的接口逻辑
app.post('/api/levels', (req, res) => {
  console.log('后端收到的数据:', req.body); // 这里必须能看到title字段
  const newLevel = new LevelModel(req.body);
  newLevel.save()
    .then(savedLevel => res.json(savedLevel))
    .catch(err => res.status(400).json({ error: err.message }));
});

如果req.body是空的或者没有title，要么是中间件没加，要么是前端请求的Content-Type不是application/json（不过Ionic的Http默认会加，但保险起见可以检查下）。

4. 检查MongoDB的Level模型定义 #

最后看Mongoose的模型（假设你用Mongoose操作Mongo）是不是漏定义了title字段——这是最容易踩的坑！

// 你的Level模型文件
const mongoose = require('mongoose');

const levelSchema = new mongoose.Schema({
  title: { 
    type: String, 
    required: true // 这里必须要定义！否则Mongo不会存储这个字段
  }
});

module.exports = mongoose.model('Level', levelSchema);

要是模型里没写title，那MongoDB只会自动生成_id，根本不会存title字段。另外还要注意字段名大小写是否一致——比如前端传的是Title，模型里是title，也会导致存不进去。

按这个顺序排查下来，基本就能定位到问题了，我当时就是模型里漏写了title字段，折腾了好半天😂

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