javascript - 如何在 Ember.js 中从 Mirage 获取数据？

Question

我需要从 Mirage 返回用户列表。我需要这个列表来在前端渲染它。我该怎么做？

Answer 1

安装 Mirage:

ember install ember-cli-mirage

完成此操作后，您需要配置 Mirage 来发送数据。这可以通过更新文件 mirage/config.js 来完成。在 mirage/config.js 文件中，最好定义一个命名空间，以便 Ember 应用程序的调用不会与已定义的路由发生冲突。假设您希望 Mirage 返回用户的示例列表。您可以在 mirage/config.js 文件中执行类似的操作:

export default function() {
  this.namespace = '/api';

  this.get('/users', function() {
    return {
        // list of users
    };
   });
}

现在，每当 Ember 应用程序向 /api/users 发出 get 请求时，都会返回用户列表。仅这样做还不够，您需要使应用程序默认向 namespace /api 发出请求。这是通过创建应用程序适配器来完成的。创建应用程序适配器:

ember generate adapter application

然后在 app/adapters/application.js 中添加命名空间，如下所示:

export default DS.JSONAPIAdapter.extend({
  namespace: 'api'
});

重新启动 Ember 服务器会将 Mirage 包含在您的构建中。

假设您正在向路线的模型函数中的所有用户发出请求:

export default Ember.Route.extend({
  model() {
    return this.get('store').findAll('users');
  }
})

在这里，当您请求所有用户时，Ember 数据将从 /api/users 获取所有用户。