Angular 2通过让http请求返回json文件来模拟API-Java 学习之路

我正在使用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目录，所以我不确定正在使用什么文件结构 .

2 回答

0

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

回复于 2024-05-08T20:14:53+08:00
0
我有一个这样做的例子：https://github.com/DeborahK/MovieHunter-CLI

我在 angular-cli.json 文件中包含了包含应用程序的.json文件的api文件夹：
```
"assets": [
    "assets",
    "api",
    "favicon.ico"
  ],
```
希望这可以帮助 .
回复于 2024-05-08T20:14:53+08:00

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

2 回答

相关问题