Question

我正在使用Angular CLI构建应用程序，但我遇到了一个问题。我正在开发我正在集成的API，因此我需要暂时模拟API响应，以便我可以在前端继续前进。在过去，我已经构建了一个没有CLI的应用程序，并且手动设置了webpack，因此我可以告诉它打包某些json文件，然后将我的API请求指向这些文件。

然而，对于Angular CLI，我没有看到一种方法可以将json与应用程序打包在一起，至少在本地开发中是这样。

模拟API / user.json

{
  alias: 'Batman
  name: 'Bruce Wayne'
}

API.ts

export class API {
  public static USER = '/mock-api/user.json';
}

controller.ts

this.http.get(API.USER).subscribe(res => { this.user = res; });

我成功地将user.json文件添加到angular-cli.json中的assets数组中，但是在执行ng构建之后它只包含/ dist目录中的文件。但是，当我为本地开发服务时，我在发出文件请求时得到404。我注意到ng服务甚至没有创建dist目录，所以我不确定正在使用什么文件结构。

Answer 1

您可以使用'now'https://zeit.co/docs/examples/json-api项目调用。使用它来模拟JSON API非常容易和事实。

Answer 2

我在这里做了一个例子：https://github.com/DeborahK/MovieHunter-CLI

我在angular-cli.json文件中包含了包含应用程序的.json文件的api文件夹：

  "assets": [
    "assets",
    "api",
    "favicon.ico"
  ],

希望这有帮助。

Angular 2通过让http请求返回json文件来模拟API

2 个答案: