2017-07-11 5 views
0

2時間後にはこの相対パスが間違っています。他のアングルCLIプロジェクトでは、私は全く同じ構造のフォルダと同じ相対パスを取得しています。何ここで間違っている:ここでhttp.get()を呼び出すときの相対パスが間違っています

こと(navigation.component.tsからフォルダdev_dataでJSONを呼び出す)私の木である:ここでは

enter image description here

は、私はそれを呼び出すどのような方法である:

ngOnInit() { 
    this.loadNavItems() 
} 

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

毎回、404:GET http://localhost:4200/dev_data/navItems.json 404 (Not Found)

私は自分自身を繰り返しますが、他の角度のcliプロジェクトでは同じ構造( src/appとjson src/dev_data)は同じ相対パスで動作します!私は何が間違っているのか分かりません。

+0

拡張子が.jsonのファイルを提供するようにサーバーが構成されていますか。 –

答えて

0

あなたの予想通り、あなたの相対パスは機能しません。まずindex.htmlのと同じレベルでdev_dataフォルダを配置し、もう一つの方法は、あなたがindex.htmlのために場所を変更したくない場合は、その後から.jsonのための相対URLを供給することである./dev_data/navItems.json

としてURLを供給index.html

主な理由は、httpリクエストを実行すると、相対URLがルートから一致していることです。つまり、index.htmlファイルはどこですか。

関連する問題