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

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

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

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

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

阅读 7.2k
6 个回答

局域网内的其他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"
  }

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题