JSON 文件放在 Angular 項目中的什么位置？

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 的位置：

Answer 1

在 Angular 項目中為此類數據創建Assets文件夾。

assets - 包含要在構建應用程序時按原樣復制的圖像和其他資產文件。

所有 static 數據，包括您可以包含在此文件夾中的圖像/Css 文件/JSON/ 或 JS 文件。

Answer 2

將您的 JSON 文件放置在使用 Angular 開始新項目時為您創建的文件夾Assets中。

理想情況下，在此處放置額外的目錄以方便將來使用，即創建一些目錄，例如css 、 scss 、 js 、 images 、 json ，甚至是mock-data

然后，將 JSON 文件放在適當標記的json目錄中。

引用此文件時，請確保您放置的“../”數量代表您要訪問的目錄的准確數量。
例如，如果我有一個 ts 文件，它位於：

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

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

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

如果我的 ts 文件再深兩層，它看起來像這樣：

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

此外，您可以查看“相對”引用，以避免許多'../'