如何从 ionic-lab 提供模拟文件以及如何设置 ionic config json

Question

我使用 Angular 已经有一段时间了，但我是 Ionic 的新手。最近，我开始了一个项目。

我添加了一个名为 mocks 的文件夹，其中包含一些模拟 json 文件。我希望能够从http://localhost:8100/mocks/my-mock-data.json 检索这些文件，这是我无法做到的。

来自 angular-cli，我想我应该将 mocks 文件夹添加到一些配置中，以便 ionic-lab 可以从该文件夹中提供文件。

在 .angular-cli.json 中，您可以将自定义文件夹添加到 apps[0].assets 数组中，以便 angular-cli 可以为它们提供服务。我认为它在 ionic 中也很相似，所以我尝试将我的 mocks 文件夹添加到 ionic.config.json。但是，我找不到如何添加它（我什至不确定这是添加它的正确位置）

然后，我尝试为ionic.config.json 找到一个架构，以便我可以在 VsCode 上获得一些智能感知，也许我可以自己找到正确的配置。但是，我也找不到 ionic.config.json 的架构。

然后，我搜索了如何设置离子配置。我遇到了their website 他们提供了一些示例，但没有提供完整列表。

Input       Description
property    The property name you wish to set
value       The new value of the given property

所以，我的问题是

1. 如何从 ionic-lab 提供一些模拟文件？
2. ionic.config.json 中的全套属性和对应值是什么？

Answer 1

您不能在 ionic 中提供这样的文件。请注意，ionic 只是将所有内容组合在一个 main.js 文件中，并且资产是单独捆绑的。 当ionic serve 或ionic cordova run 被调用时，它最终会调用一个NPM 脚本。这些 npm 脚本调用 @ionic/app-scripts 库来执行构建过程。

要使用虚拟数据，您可以简单地将虚拟数据放在src > assets 文件夹内的任何文件夹中。假设您将其作为json 文件放在src > assets > example_data 文件夹中。请注意，您也可以使用services 或pages 保存这些文件。

现在，dummydata-service.ts 下 src > providers 下的服务可以引用它以进行测试使用，例如

GetDummyData(): Promise<any> {
  return this.http.get('./assets/example_data/dummyData.json')
   .toPromise()
   .then(response => {return response.json()})
   .catch(this.handleError);
}

就ionic.config.json而言，它与.angular-cli.json不同。 这是一个 Ionic 项目配置文件，它存储某些 ionic.io 服务使用的配置值。重要的键是app_id、name、typescript。