Angular 2 CLI 项目从文件中读取 json 数据

Question

我正在尝试从我的 Angular2 src/app 文件夹中读取一个 json 文件

目录结构如下：-

我正在尝试使用以下代码读取 app.config.js 中的文件：-

public load() {
    return new Promise((resolve, reject) => {
        this._http.get("config.json")
            .map(res => res.json())
            .subscribe((data) => {
                this.cache['config.json'] = new ConfigData(data.json());
                resolve(true);
            });
    });
}

但我尝试的一切都会导致以下错误：-

zone.js:2224 GET http://localhost:4200/config.json 404（未找到）

我需要把文件放在哪里？

我尝试将其移至 src 目录，但无济于事。我也试过：-

app/config.json ./app/config.json

我还在 app 下添加了一个 assets 文件夹并将其添加到那里，但也没有用

我需要做什么？

谢谢

Answer 1

将config.json文件放入assets文件夹，将请求改为如下，

public load() {
    return new Promise((resolve, reject) => {
        this._http.get("assets/config.json")
            .map(res => res.json())
            .subscribe((data) => {
                this.cache['config.json'] = new ConfigData(data.json());
                resolve(true);
            });
    });
}

它应该工作。确保重新启动以使更改反映在 www/assets 文件夹中。