Webpackがjsonファイルを読み込めない、ローカルjsonファイルを見つける方法、AngularJSでhttp.getを使用して読み込む方法

Question

AngularJsのES6構文を使用しています。ApiServiceからローカルのthemes.jsonファイルをロードしようとしています。 JS

getThemesOptions() { 
    this.$http.get('src/app-builder/p3-modal/themes.json') 
    .success(function(data) { 
     console.log(data); 
    }) 
    .error(function() { 

    }); 

マイファイル構造：

src/ 
    app-builder/ 
    p3-modal/ 
     themes.json 
    service/ 
    apiService/ 
     apiService.js 

コンソールから、それが正常にファイルを発見したように見えますが、出力は非常に奇妙である、

themes.jsonは次のようになりますので：

私はWebPACKのを使用してアプリケーションを実行しています、アプリケーションにアクセスするためのURLがローカルホスト、通常ではなく、http://10.98.142.233:8080/o2/search/ab、私は問題を引き起こすかわからない

AngularJs ES6をwebpackで使用して、jsonファイルをローカルから正しく読み込む方法を教えてください。

ありがとうございます！

これはネットワークタブです。

Answer 1

いや、実際に何が起こるかは、それが戻ってあなたがコンソールに見ているものですあなたのindex.htmlを、404をJSONファイルを見つけ、WebPACKのdevのサーバーのルートできないです。成功コールバックは、技術的には、404ではなく200 OKであるため、発生します。

Webpackデベロッパーサーバーがsrcフォルダのすぐ上のディレクトリからコンテンツを提供している限り、何をしているのでしょうか。私はそれがそうでないかもしれないと推測しています。

Answer 2

ブラウザの場所がwww.google.com/imageで、その後、あなたは、AJAXを呼び出すときにリクエストURLがwww.google.com/image/${url}ですが、あなたのURLは/src/app..ようになると、それが要求するURLがwww.google.com/${url}