Vue配置时的一个坑及解决

image.png

在VM中创建了一个Vue的项目,然后运行:

npm run dev

系统提示已经成功运行在8080端口,但是从Host的浏览器访问,总是提示无法访问。

检查了VirtualBox中的Port forwarding,也没有问题。

尝试了各种可能后终于找到解决办法了。需要更新文件: build/webpack.dev.conf.js, 将其中的

host: HOST || config.dev.host

替换为:

host: 0.0.0.0

再重新启动APP,问题解决!