如何通过NodeJS服务器让Ember Store从MongoDB获取数据？

我来帮你搞定这个Ember Store拿不到数据的问题！核心原因大概率是你的后端返回格式不符合Ember Data默认要求的JSON API规范，下面一步步给你拆解解决：

Ember Data 默认只认JSON API规范的数据结构，你当前的返回格式（把type和data平级放在顶层）并不符合这个规范，这就是数据无法被Store识别的关键。

1. 先看正确的JSON API格式示例 #

当返回多个appointment资源时，正确的结构应该是这样：

{
  "data": [
    {
      "id": "60d21b4667d0d8992e610c85",
      "type": "appointment",
      "attributes": {
        "title": "牙医复诊",
        "date": "2024-06-15",
        "location": "市中心诊所"
      }
    }
  ]
}

要点：

• 所有资源必须放在顶层data数组里
• 每个资源要有id（MongoDB的_id要转成字符串）、type字段
• 资源的具体属性要嵌套在attributes对象中

2. 调整后端代码的两种方案 #

方案一：手动转换格式（无需额外依赖） #

直接修改你的NodeJS接口代码，把MongoDB返回的文档转成符合要求的结构：

app.get('/api/appointments', function(req, res){
  AppointmentModel.find({}, function(err, docs){
    if(err) {
      // 按JSON API规范返回错误
      return res.status(500).send({ 
        errors: [{ detail: err.message }] 
      });
    }
    // 逐个转换MongoDB文档为JSON API格式
    const formattedData = docs.map(doc => ({
      id: doc._id.toString(), // 把ObjectId转成字符串作为id
      type: "appointment",
      attributes: doc.toObject({ 
        versionKey: false, // 去掉MongoDB自动添加的__v字段
        transform: true 
      })
    }));
    res.send({ data: formattedData });
  });
});

方案二：用现成库自动处理（更省心） #

如果不想手动写转换逻辑，可以用jsonapi-serializer库来简化：

1. 先安装依赖：

npm install jsonapi-serializer --save

2. 修改接口代码：

const { Serializer } = require('jsonapi-serializer');

// 定义序列化规则，指定要暴露的属性
const AppointmentSerializer = new Serializer('appointment', {
  attributes: ['title', 'date', 'location'], // 替换成你实际需要返回的字段
  id: '_id' // 指定用MongoDB的_id作为JSON API的id字段
});

app.get('/api/appointments', function(req, res){
  AppointmentModel.find({}, function(err, docs){
    if(err) {
      return res.status(500).send({ 
        errors: [{ detail: err.message }] 
      });
    }
    // 自动序列化数据
    const serializedData = AppointmentSerializer.serialize(docs);
    res.send(serializedData);
  });
});

3. 确认Ember端的配套配置 #

检查Model定义 #

确保app/models/appointment.js里的字段和后端返回的attributes对应：

import Model, { attr } from '@ember-data/model';

export default class AppointmentModel extends Model {
  @attr('string') title;
  @attr('date') date;
  @attr('string') location;
  // 其他对应的属性字段
}

检查适配器配置 #

默认的JSONAPIAdapter会自动适配/api/appointments路径，如果你没修改过适配器，一般没问题；如果有特殊需求，可以调整app/adapters/application.js：

import JSONAPIAdapter from '@ember-data/adapter/json-api';

export default class ApplicationAdapter extends JSONAPIAdapter {
  namespace = 'api'; // 确保命名空间和后端接口一致
}

4. 测试验证 #

修改完后端后，先用curl请求接口确认返回格式正确，再在Ember路由里尝试拉取数据：

import Route from '@ember/routing/route';

export default class AppointmentsRoute extends Route {
  model() {
    return this.store.findAll('appointment');
  }
}

这样调整后，Ember Store应该就能正确识别并加载数据了！

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