无法读取角度为5的json文件？

Question

嗨，我正在Angular 5中开发Web应用程序。我正在尝试使用http调用读取json文件，如下所示。我收到404错误。以下是我的service.ts文件。 Json文件也保留在同一文件夹中，因此路径可能正确。

 public GetNodes() {
        return this.http.get('./json1.json');
    } 

下面是我的组件代码。

 ngOnInit() {
        this.nodeservice.GetNodes().subscribe(data =>
            console.log(data)
    );

我已完成一项工作，发现我的静态文件应该在Assets文件夹中。我将json1.json移到资产文件夹，然后尝试访问。我仍然收到相同的404错误。以下是保存json文件的完整路径

  

项目名称\ ClientApp \ app \ components \ Utilities

我正在使用./json1.json，因为我的服务和json文件位于同一文件夹实用程序中。

有人可以帮我解决问题吗？任何帮助，将不胜感激。谢谢。

Answer 1

要访问任何资产数据（例如图像或文件），您需要将它们放入资产文件夹中，然后从那里访问它，因为有角度地加载了资产文件夹中的所有公共数据，因此无法从组件的文件夹中访问任何资产。

对于文件'./json1.json'，URL为 HOST_Name / json1.json ，将所有文件都放入资产文件夹并提供资产文件夹的路径不会更好

您还可以在“ angular.json”中更改资产配置，以指向组件的文件夹以访问该json文件。