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 目录，但无济于事。我也尝试过:-

应用程序/config.json./app/config.json

我还在应用程序下添加了一个 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);
            });
    });
}

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