Angular http.get 不适用于本地 json 文件

Question

我有一个演示 angular 应用程序，它有一个 api/products/products.json 文件供 http.get() 使用。但是当我制作自己的组件和服务来访问我自己的自定义本地 json 时，它会在 Chrome 控制台中给出 404 错误。即使 json 文件与服务位于同一目录中，并使用 http.get(numbers.json)，它也不起作用，只有当我将它放在 api 文件夹下时它才起作用，例如 api/numbers.json。 Angular 是否规定了用于 http 消费的本地 json 必须存在于 api 文件夹下？

编辑：发现将文件放在 assets 文件夹下是可行的，但如果我创建自定义文件夹，则不起作用。

Answer 1

如果您使用的是 CLI，那么您需要在此处添加文件夹：

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

这是 angular-cli.json 文件的一部分。

Answer 2

如果您正在使用 angular-cli 在 assets 文件夹中添加 json 文件并将其添加到 get
this.http.get('./assets/products.json');

这样就可以看到了

Angular http.get 不适用于本地 json 文件

Angular http.get doesn't work with local json file

json

http-get

angular