如何在Web服務器上使用Webpack運行Vue cli？

昨天我買了一小滴從數字海洋，開始學習新的東西直接現場服務器上。我開始於Vue。我遵循Vue cli和webpack安裝指南。一切順利。如何在Web服務器上使用Webpack運行Vue cli？

我的問題是，當我訪問的URL。例如：127.12.22.33/test/testvue應用程序，我得到一個白色的頁面，沒有任何Vue。

當我運行npm run dev時，它告訴我訪問localhost:8080，但當然不起作用。如果我訪問127.12.22.33:8080我得到

ERR_CONNECTION_TIMED_OUT錯誤

問題：

如何使之成爲一個活的服務器（非本地）上工作，當我訪問URL顯示vue碼？我猜想我錯過了什麼或者我做錯了什麼。

來源

2016-12-26 Cosmin

你的問題是，你在本地主機上運行VUE開發服務器，並作爲一個結果，它不是公共訪問。爲了使它公開可用打開build/dev-server.js並更改以下行：

module.exports = app.listen(port,'0.0.0.0' ,function (err) { 
if(err){ 
console.log(err) 
return 
}

來源

2016-12-26 21:22:06 Iman

嗨，感謝您的回答。我已經使用http：// my-ip：8080，但仍然出現連接超時錯誤。你告訴我要改變是一個控制檯輸出但不知道如何使它工作..... – Cosmin

改變的console.log不會影響到開發服務器。檢查出這個[SO問題]（http://stackoverflow.com/questions/15003947/listen-to-a-different-ip-address）。將'app.listen（port，callback）'改成'app.listen（80，'0.0.0.0'，callback）'' – AWolf

感謝您的回答，但問題在其他地方。

http://my-ip:8080/不工作becouse端口:8080沒有防火牆允許。不久後，我發現液滴圖像帶有防火牆。

只好跑下一個命令來添加端口防火牆：

sudo ufw allow 8080

來源

2016-12-31 07:45:06 Cosmin

如何在Web服務器上使用Webpack運行Vue cli？

回答

相關問題