Falscher relativer Pfad beim Aufruf von http.get()

Question

Ich kann seit zwei Stunden nicht verstehen, warum dieser relative Pfad falsch ist. In einem anderen Winkel-Clipprojekt habe ich genau die gleiche Struktur von Ordnern und den gleichen relativen Pfad und es funktioniert. Was ist hier falsch ist:

Hier ist mein Baum (von navigation.component.ts den json in Ordner dev_data Aufruf):

Hier ist die Art und Weise, wie ich es nennen:

ngOnInit() { 
    this.loadNavItems() 
} 

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

Jedes Mal ein 404: GET http://localhost:4200/dev_data/navItems.json 404 (Not Found)

Ich wiederhole mich, in einem anderen eckig-cli Projekt die gleiche Struktur (Navigation Comp in src/app und json src/dev_data) mit demselben relativen Pfad funktioniert! Ich habe keine Ahnung, was falsch ist.

Answer 1

Ihr relativer Pfad würde nicht so funktionieren, wie Sie erwarten. Zuerst legte die dev_data Ordner auf dem gleichen Niveau wie die von index.html und liefert dann die URL als ./dev_data/navItems.json

Ein anderer Weg, das heißt, wenn Sie nicht wollen, den Standort wechseln für die index.html dann die relative URL für die .json von der Versorgung index.html

Der Hauptgrund ist, dass wenn Sie die http Anfrage ausführen, dann die relative URL von der Wurzel übereinstimmt, dh wo ist die index.html Datei.