2017-05-05 24 views
0

私は現在vueプロジェクトを作成しています。リモートサーバにいくつかのapiリクエストを送信したいと思います。Webpackプロキシが動作しない

だから、私はwebpack.dev.conf.jsでこれを追加します。

devServer: { 
    historyApiFallback: true, 
    noInfo: true, 
    hot:true, 
    open:true, 
    proxy: { 
     '/api': { 
      target: 'http://47.93.247.233', 
      secure: false, 
      changeOrigin: true, 
      pathRewrite: {'^/api' : ''} 
     } 
    } 
}, 

しかし、私はまだ私のブラウザで404を取得します。

headers

preview

そして私は、サーバーがokです確信している:

postman

私は多分WebPACKのdevServerは、リモートサーバに私のhttpリクエストを転送しませんでしたと思います。私のコードに間違いはありますか?または、他の方法を試すことはできますか?

ありがとうございます!

+0

サーバが正常ではありません.2番目のスクリーンショットを見ると、ステータスも" 404 " "/ account/api"というログインURLを忘れてしまったことを大変申し訳なく思っています。これは本当にうまくいっていますか? –

+0

@EvaldoBratti '/ login'の代わりに、この問題がまだ存在することがわかりました。別のAPIで質問を更新しました(これは「ログイン」よりもはるかに簡単です)。 – awmleer

答えて

0

あなたは

proxyTable: {...}, 

代わりの

proxy{} 

私はNPMのV 5.6.0でWebPACKのバージョン3.10.0を実行していることだし、これが正常に動作を使用しようとしました! あなたの端末のウィンドウにヒントを表示するには、 "logLevel: 'debug'も試してみてください。

関連する問題