角度4 404エラー - HTTPのGETメソッドの角4 WebPACKの

Question

を使用してJSONファイルを呼び出して、私は、ローカルのJSONファイルを持っているし、HTTP GET method.Theアプリケーションは、コンソール（404）上の例外をスローから読み取るしようとしています。 webpackを使用すると、angular-cli.jsonのアセット/データは利用できません。私はwebpackを使用しています。 jsonファイルをどこに置いて読み込めるか知っていますか？

import {IProduct} from './product.model'; 

@Injectable() 
export class ProductService { 
    private productUrl = require('./product.json'); 

    constructor(private _http: HttpClient) { } 

    getProducts(): Observable<IProduct[]> { 
     return this._http.get<IProduct[]>(this.productUrl) 
      .do((data) => console.log('products: ' + JSON.stringify(data))) 
      .catch(this.handleError); 
    } 
} 

ここで、product.jsonはProductServiceの同じディレクトリにあります。

Answer 1

---

角度CLI

---

を使用すると、私の知る限り、これを行うための一つの方法がある場合。

1. ファイル（例：file.json）をassetsフォルダに保存します。あなたの角度-cli.jsonファイルで

2. 、ノードに移動：アプリ>資産とその名を確認し、「資産」が存在します。今

アクセス：

http://localhost:[PORT_NUMBER]/assets/file.json

ところで、あなたのWebアプリは、APIではありません。 jsonファイルを消費する代わりに、サービス内に変数を作成します。

例：WebPACKので

import { Injectable } from "@angular/core"; 

@Injectable() 
export class DataMockService { 
    public GetObjects(): any { 
     return { 
      name: "nilay", ... 
     }; 
    } 
} 

Answer 2

、あなたはJSONファイルを保存しているに関係なく、あなたはどこからでもアクセスが、常にsrcフォルダから始まることができます。

だから、次のようになります。

return this._http.get<IProduct[]>('src/app/services/product.json') 

すなわちだけsrcから始まるあなたのJSONファイルへの完全なパスをマーク。