Javascript 将JSON文件放在Angular项目中的何处？

我想打开我创建的JSON文件。读取JSON文件的源代码位于node_modules目录中。我尝试将JSON文件放在一个公共目录中（与src的级别相同），但仍然显示以下错误：在此服务器中找不到请求的资源

读取JSON文件的TS文件：

openJSONFile() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            let jsonObj = JSON.parse(this.responseText)
            console.log(jsonObj);
        }
    }

    xmlHttp.open("GET", "../../../../../../../../../common/branch_code_branch_name.json", true);
    xmlHttp.send();
}

branch_code_branch_name.json的位置：

---

资产

文件夹是为角度项目中的此类数据创建的

-包含要在生成应用程序时按原样复制的图像和其他资产文件

---

所有静态数据，包括可以包含在此文件夹中的图像/Css文件/JSON/或JS文件

将JSON文件放在文件夹

Assets

中，该文件夹是在您使用Angular启动新项目时为您创建的

理想情况下，在此处额外放置目录，以便于将来使用，即创建一些目录，例如，

css

，

scss

，

js

，

images

，

json

，甚至

模拟数据

然后，将JSON文件放在适当标记的

JSON

目录中

引用此文件时，请确保您放置的“./”的数量表示您要访问的目录的准确数量。
例如，如果我有一个ts文件，它位于：

app->users->services->userservice

它需要在上述位置引用一个json文件，然后我将使用：

“../../../assets/json/nameofmyjsonfile.json”

如果我的ts文件有两层以上的深度，它将如下所示：

“../../../../../assets/json/nameofmyjsonfile.json”

---

此外，您可以查看“相对”引用，以避免许多

'../'

将其放入

assessment

文件夹中，并在服务中访问它，而且我建议您使用

httpCientModule

来阅读

资产
。@JoelJoseph As@mbojko说，应该是
assets
@cmprogram抱歉，这是一个打字错误，我想说
assets
@JoelJoseph您可以编辑评论。我一直收到：404的Http失败响应，但没有找到提醒，您提到的公共文件必须在assets文件夹中。位于src/app/assets内部。我认为你可能试图提升很多层次，或者说还不够。您的IDE应该可以帮助您解决这个问题，您使用的是哪一个？