Webpackサーバープロキシ設定でクロスドメインAJAXリクエストを回避する

Question

www.example.com/api/books CORSのセットアップ/有効化を持たないドメイン/ URLでAJAX（get）リクエストを成功させるためのwebpack設定を書くにはどうすればよいですか？

this questionに基づく。

私は、ドメインから取得するエラーは、次のとおりです。No 'Access-Control-Allow-Origin' header is present on the requested resource.

私は私のwebpack.base.conf.jsファイルにこのオブジェクトを追加した未遂：

proxy: { 
     '/api': { 
     target: 'http://www.example.com', 
     secure: false 
     } 
    } 

から私のHTTPルートURLを適応：

Vue.http.options.root = 'http://www.example.com/api/' 

〜：

Vue.http.options.root = '/api/' 

しかし、私のAJAX要求中に考慮されていないようです：

GET http://localhost:8080/api/public/v1.0/lists/movies/in_theaters.json (Not Found) 

Answer 1

私は問題を発見しました。

私のWebpack構成は、すべてmodule.exports = { }のindex.jsファイルを使用して構成をロードしていました。

私は、私が追加したproxyTable空のオブジェクト、見つけあそこ：

dev: { 
    env: require('./dev.env'), 
    port: 8080, 
    assetsSubDirectory: 'static', 
    assetsPublicPath: '/', 
    proxyTable: { 
     // proxy all requests starting with /api to jsonplaceholder 
     '/api': { 
     target: 'http://api.example.com', 
     changeOrigin: true, 
     } 
    } 
}, 

をそれから私は、相対/api/whateverパスに私のAJAX要求をしたし、サーバはそれを受け入れるように、彼らは逆プロキシています。