无法读取位于与Angular 2/4中的资产文件夹不同的任何文件夹中的json文件

Question

正在尝试使用http读取json文件。使用以下脚本进入Angular 4项目。

http.get('../jsonmock/data.json')
.subscribe(res  =>  this.data = res.json() );

如果我尝试从assets文件夹读取json文件，它会成功运行，但从任何其他文件夹读取json文件时，我在console上遇到以下错误

http。获取（'../jsonmock/data.json'）。订阅=

答复{正文：“↵↵↵↵↵↵，状态：404，ok:false，statusText:“未找到”，headers:headers，…}headers:headers{u headers:Map（8），\u normalizedNames:Map（8）}ok:false状态：404 statusText:“未找到”类型：2 url:http://localhost:4200/jsonmock/data.json“_body：”↵↵↵↵错误↵↵↵

Cannot GET /jsonmock/data.json

Answer 1

如果您正在使用Angular CLI。。。它将只在您在中告诉它的文件夹中查找资产。角度cli。json文件。

在“应用程序”节点中，有一个名为“资产”的节点：

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

默认情况下，这里只有资产和收藏夹图标。如果您希望它在其他位置查找您的. json文件，您需要在这里指定这些位置，就像我在api文件夹中所做的那样。