http从未在已发布的应用程序角9中工作的资产获取

Question

我使用了角+9，在从资产文件夹读取json文件时遇到了问题。

我正在使用http模块，当应用程序在本地运行时，调用可以正常工作，但是当我在服务器上运行ng-build和发布应用程序时，对json文件的调用不能工作，表明以下消息：

对资产/资源/fakeData.json的Http失败响应:0未知错误

我的代码：

​

​

有什么问题吗？为什么我不能直接访问资产文件夹？

Answer 1

您的问题是您正在尝试使用HttpClient访问您的文件系统。你不能这么做。当然，您可以创建一个返回json文件的API，但是您不能像使用HttpClient模块那样直接访问它。

在这里我要做的是：

import * as myJson from '<path to fakeData.json>';
...
getData(): any {
   return myJson;
}

如果您只是想处理HttpClient模块，需要一些json来处理，那么您可以使用JSON占位符 API：

this.http.get('https://jsonplaceholder.typicode.com/todos/1');

根据下面的SOF问题，如果您想要的话，您可以将本地json文件与角dev服务器一起托管：

使用角2中的http.get()从本地文件加载json

Answer 2

我不知道您使用的是哪个web服务器，但看起来您的web服务器不支持托管JSON-文件。

• Apache:使用AddType指令- https://cets.seas.upenn.edu/answers/addtype.html
• IIS:添加MIME类型- https://learn.microsoft.com/en-us/iis/configuration/system.webserver/staticcontent/mimemap