2017-05-05 63 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

而且我敢肯定的服務器正常工作:

postman

我想,也許是的WebPack devServer沒有提出自己的HTTP請求發送到遠程服務器。我的代碼有什麼問題嗎?或者,我可以嘗試其他方法嗎?

在此先感謝!

+0

你的服務器是不好的看看你的第二個截圖,狀態也是」404「,標題也就是「在/ login /找不到頁面」 也許你的配置工作正常,只是你的後端真的在投擲404 –

+0

@EvaldoBratti我很抱歉,我忘記了我的登錄URL是'/ account/api'而不是'/ login',但是我發現這個問題依然存在,我用另一個api更新了我的問題(這比'login'簡單得多)。 – awmleer

回答

0

你嘗試使用的

proxyTable: {...}, 

代替

proxy{} 

我正在用的WebPack版本3.10.0與NPM v 5.6.0,這工作得很好! 可能是,你會嘗試「logLevel:'調試'太多,看到你的終端窗口中的一些提示