无法读取与Angular 2/4中的Assets文件夹不同的任何文件夹中的json文件

Question

尝试使用以下脚本在Angular 4项目中使用http.get读取json文件。

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

如果我尝试从Assets文件夹读取json文件，则该文件可以成功运行，但是从其他任何文件夹中，控制台上都会出现以下错误

http.get（'../ jsonmock / data.json'）.subscribe（res => this.data = res.json（））;

响应{_body：“↵↵↵↵↵↵”，状态：404，确定：false，statusText：“未找到”，标头：标头，…}标头：标头{_headers：Map（8），_normalizedNames：Map（8 ）}好的：错误状态：404 statusText：“未找到”类型：2网址：“ http：// localhost：4200 / jsonmock / data.json ” _body：“↵↵↵↵Error↵↵↵↵

Cannot GET /jsonmock/data.json

pro“ proto ：正文构造函数：ƒResponse（responseOptions）参数：（...）调用者：（...）长度：1名称：“ Response”原型：正文{构造函数：ƒ，toString：ƒ} proto ： ƒBody（）[[FunctionLocation]]：http.es5.js：900 [[Scopes]]：Scopes [3] toString：ƒ（）

Answer 1

如果您使用的是Angular CLI ...，它将仅在.angular-cli.json文件中告诉您的文件夹中查找资产。

在“ apps”节点中，有一个名为“ assets”的节点：

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

默认情况下，仅资产和图标在此处。 如果希望它在.json文件的其他位置查找，则需要像在api文件夹中一样在此处指定这些位置。