Javascript 调用http.get（）时出现错误的相对路径

两个小时后我就无法得到它，为什么这个相对路径是错误的。在另一个angular cli项目中，我得到了完全相同的文件夹结构和相同的相对路径，并且可以正常工作。这里出了什么问题：

这是我的树（从navigation.component.ts调用文件夹dev_data中的json）：

我这样称呼它：

ngOnInit() {
    this.loadNavItems()
}

loadNavItems() {
    this.navItems = this.http.get("../../dev_data/navItems.json").map(response => response.json());
}

每次得到一个404:

GEThttp://localhost:4200/dev_data/navItems.json 404（未找到）

---

我重复我自己，在另一个angular cli项目中，相同的结构（src/app中的导航comp和json src/dev_数据）和相同的相对路径可以工作！我不知道出了什么问题。

您的相对路径不会像您预期的那样工作。首先将

devu data

文件夹与

index.html

文件夹放在同一级别，然后将url提供为

/dev\u data/navItems.json

另一种方法是，如果您不想更改

index.html

的位置，请从index.html中为

.json

提供相对url

---

主要原因是，当您执行

http

请求时，相对url从根匹配，即

index.html

文件的位置

服务器是否配置为提供扩展名为.json的文件？