未找到相对路径

Question

在遇到CORS错误后，我决定在本地使用JSON文件。这是我的项目结构：

├───app
│       app.component.css
│       app.component.html
│       app.component.spec.ts
│       app.component.ts
│       app.module.ts
│       fetchjson.service.spec.ts
│       fetchjson.service.ts
│
├───assets
│       .gitkeep
│
├───environments
│       environment.prod.ts
│       environment.ts
│
├───json
│       debbot.json
│
└───style
        background.png

以下是我在服务中使用的路径：

  getJSON(): Observable<any> {
    return this.http.get('json/debbot.json').map(res => res.json());
  }

我尝试了几个选项，例如./json/debbot.json或者甚至是双反斜杠，它似乎也没有用，我一直得到404.

我正在使用Angular CLI默认环境（启用了typescript和webpack）。你知道什么可能导致这个错误吗？我之前尝试过使用外部文件，但是我遇到了跨域错误（我没有管理服务器，所以我无法解决问题）。

你有什么建议，我认为我的思维方式一定有问题吗？

Answer 1

（代表OP发布）。

将JSON文件移动到＆＃34; assets＆＃34;文件夹它正常工作。