如何在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？

回答

相关问题