Angular 2：在本地 .json 文件中找不到文件

我看过一些不同的帖子，内容是无法找到本地文件来打开它们，无论它们是图像还是数据文件，但没有一个解决方案对我有用。我的猜测是我缺少一些配置。

我正在查找的文件位于名为“data”的文件夹中，与我的 app.html 和 app.ts 文件位于同一级别。

这是我在 app.html 中的内容，PS 我也在使用 Ionic2：

<ion-menu (click)='getDepartments()' side='right' type='overlay' [content]="content">

在 app.ts 文件中我有：

getDepartments() {
    this.http.get('/data/data.json')
        .map(res => res.json())
        .subscribe(
            data => this.departments = data,
            err => console.log(err),
            () => console.log('Random Quote Complete')
        );
}

我试过了：

./data/data.json

data/data.json

app/data/data.json

以及任何其他路径。它们都会返回 404 文件未找到错误。这似乎就像熟悉 Angular 2 的成长过程中的烦恼一样。提前致谢

之前的答案已经说过直接把它放在www文件夹以使其可供应用程序使用。我想说这不是最好的解决方案www使用排除文件夹.gitignore在新创建的 Ionic2 项目中。

而是将其放入src/assets文件夹，它也将在 App 中提供，并且不会从 git 存储库中排除（默认情况下）。 然后您可以使用以下方式访问：this.http.get('assets/file.json');

您可以修改 .gitignore 文件，但随后您可能会包含其他不必要的文件。