Question

我想打开我创建的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的位置： {{3}}

Answer 1

为Angular项目中的此类数据创建了

Assets文件夹。

assets-包含在构建应用程序时按原样复制的图像和其他资产文件。

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

Answer 2

将JSON文件放置在您使用Angular启动新项目时为您创建的文件夹Assets中。

理想情况下，在此处放置更多目录以使将来更容易使用，即创建一些目录，例如css，scss，js，images，{{1 }}，甚至json

然后，将JSON文件放置在标签正确的mock-data目录中。

在引用此文件时，请确保放置的“ ../”号代表您要访问的UP目录的准确数目。
例如，如果我有一个ts文件，并且可以在

中找到它

json

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

app->users->services->user-service

如果我的ts文件深了两个级别，则看起来像这样：

'../../../assets/json/nameofmyjsonfile.json'

此外，您可以查看“相对”引用，以避免许多'../../../../../assets/json/nameofmyjsonfile.json'

将JSON文件放在Angular项目中的哪里？

2 个答案: