角のhttp.getがローカルのjsonファイルで動作しない

http.get()で使用するapi/products/products.jsonファイルを持つデモ用角型アプリケーションがあります。しかし、私自身のコンポーネントとサービスを自分のカスタムローカルjsonに当てると、Chromeコンソールに404エラーが表示されます。 jsonファイルがサービスと同じディレクトリにあり、http.get(numbers.json)で消費されても動作しません。apiフォルダ（api/numbers.json）の下に置くと動作します。 Angularには、httpの消費のためのローカルjsonがapiフォルダの下になければならないというルールがありますか？角のhttp.getがローカルのjsonファイルで動作しない

編集：ファイルをassetsフォルダの下に置くことは機能しますが、カスタムフォルダを作成すると機能しません。

出典

2017-08-03 midnightnoir

で見られますあなたの資産フォルダ内のJSONファイルを追加し、
this.http.get('./assets/products.json');

を取得するには、これを追加し、角-CLI を使用している場合、ウェブパックで梱包されています。私はあなたのwebpack.config.jsファイルを必要とします – sancelot

CLIを使用している場合は、ここにフォルダを追加する必要があります。

"assets": [ 
    "assets", 
    "api", 
    "favicon.ico" 
    ],

これはangular-cli.jsonファイルの一部です。

出典

2017-08-03 23:29:16 DeborahK

素晴らしい、それは働いたが、なぜこれを有効にするために 'ng-serve'を再起動する必要がありますか？ – midnightnoir

これは構成ファイルの一部であるため、開始時にのみ読み込まれると思います。だから、あなたはサーブで再起動しなければなりません。 – DeborahK

悲しいことに、私のために働かなかった！ https://stackoverflow.com/q/47768897/5346095 –

あなたはファイルではないように見えるこのよう

出典

2018-01-23 11:57:05

角のhttp.getがローカルのjsonファイルで動作しない

答えて

関連する問題