vue-cli运行后手机无法利用服务器打开页面

Question

刚刚vue init webpack xxx 了一个项目，然后cnpm i所有的包后，浏览器时可以运行的。但是当我ipconfig查看wlan的p4地址后，手机也依据这个打开该项目，却是提示无法打开页面

手机电脑连的是同一个wifi的,且手机打开时端口也是跟pc的一样，但是手机却连不了，，，

然后我打开了之前写的一个项目，照做却发现可以打开。。

不知道是什么问题，哪位大神可以帮忙解决一下，是最新vue-cli改了什么了吗还是什么原因呢。因为我不知道是什么问题，就不上图了。。。毕竟如果是代码错误，我也不清楚是哪个文件，想问问哪位遇到过这问题了

Answer 1

局域网内的其他PC可以访问么？

试试在你的package.json里面的script属性中的启动命令后面加上"--host 0.0.0.0"

就像这样

"scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 0.0.0.0"
  }

Answer 2

告诉你，就是新的vue版本改动了，跟以前不一样了。而且很不幸的告诉你，即便你解决了手机上跑出来的问题，还有新的坑等你，就是这个版本不适配ios 10.3。

Answer 3

你在电脑上确认过用这个ip能访问吗？
另外无法打开页面是啥意思，用的什么手机什么浏览器？

Answer 4

你必须用nginx 代理你电脑的ip, 然后用手机访问这个ip 地址加项目 192.XX.XX.XX.index.html才行， 不明白你为什么你以前的项目为什么可以， 应该是做什么代理了， 只是你忘了吧

Answer 5

端口有改过么，试试把config->index.js->dev下的host改为自己的IP地址

Answer 6

可以了，json文件里面的scripts的dev，在后面添加 --host 0.0.0.0就行了