使用 http-mock 服务器和 RESTAdapter 从 ember-data 存储渲染模型失败

Question

我收到了一些关于使用简单模型将 ember-data 连接到 http-mock 的问题。我想加载一个包含属性的 API，并将它们呈现为页面上的列表。

当导航到下面描述的/properties/ 路由时，这是抛出的错误：

Error: Not Found
    at ember$data$lib$system$adapter$$Adapter.extend.ajaxError (rest-adapter.js:714)
    at ember$data$lib$system$adapter$$Adapter.extend.ajax.Ember.RSVP.Promise.hash.error (rest-adapter.js:789)
    at jQuery.Callbacks.fire (jquery.js:3143)
    at Object.jQuery.Callbacks.self.fireWith [as rejectWith] (jquery.js:3255)
    at done (jquery.js:9311)
    at XMLHttpRequest.jQuery.ajaxTransport.send.callback (jquery.js:9713)

模板不渲染。

这是我所做的：

1. 添加了property 模型：

import DS from 'ember-data';

export default DS.Model.extend({
    title: DS.attr('string'),
    date_added:  DS.attr('date')
});

1. 添加了如下所示的“routes/properties.js”：

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return this.store.find('property');
  }
});

1. 在app.js中添加了一个应用适配器：

App.ApplicationAdapter = DS.RESTAdapter.extend({
  namespace: 'api',
  host: 'http://localhost:4200/'
});

4. 使用生成器ember g http-mock property 生成模拟服务器。这是来自我的server/mocks/property.js 的相关sn-p：

propertyRouter.get('/', function(req, res) {
  res.send({
    'property': [{
      id: 1,
      title: "Apartament cu 4 camere ultracentral doar pentru pretențioși"
    },(...)]
  });
});

请注意，curl -H "ContentType:application/json" http://localhost:4200/api/property/ 就像一个魅力。

5. 我有一条路线，this.route("properties", { path: '/properties'});，它呈现templates/properties.hbs，我尝试在该模板中显示所有属性，如下所示：

{{#each property as |p|}}
  <div class="property">
    {{p.title}}
  </div>
{{/each}}

6. 如果在2.，我将return this.store.find('property'); 替换为return [1,2,3]，它将不再中断，并且我能够迭代该集合。然后，我发现 this.store.find 是导致问题的原因。

知道如何处理这个问题吗？您需要任何其他设置/代码 sn-ps 吗？

ember/ember-data 的版本是 "ember": "1.11.1", "ember-data": ">= 1.0.0-beta.16.1",

Answer 1

正如我所怀疑的，我正在配置的 REST 适配器被配置忽略了。我通过声明一个适配器并在创建App 对象时将其作为参数传递来解决了这个问题。

var customRESTAdapter = DS.RESTAdapter.extend({
  namespace: 'api',
  host: 'http://localhost:4200'
});

App = Ember.Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver,
  ApplicationAdapter: customRESTAdapter,
});

请注意，3. 之前的代码完全不起作用，尽管官方文档中至少有 3 个地方引用了它。由于我刚刚开始接触 Ember，这有点令人失望，我不确定文档的最新程度，但要小心。

这与@BriscBogdan 提到的 rember-data 的自动变形一起解决了我的问题。

Answer 2

问题似乎是您在定义适配器时尝试使用全局命名空间APP 而不是导出模块。 Ember 期望 properties 的适配器在 app/adapters/property.coffee 中定义。它应该类似于：

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
  namespace: 'api',
  host: 'http://localhost:4200'
});

然后，从您的 app.js 中删除 ApplicationAdapter 行：

App = Ember.Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver
});

感谢您发布此问题。我被困在同一点上，这确实有助于了解您所做的事情。