vue-cli 更新过后手机访问不显示页面内容

Question

今天把之前学习的demo拿出来重新写，发现vue-cli 更新后不能输入ip 进行访问了，比如我的ip 是192.168.5.212 只能是默认的127.0.0.1：8080 问了群里的大神改成host：0.0.0.0 电脑输入Ip 是可以访问了（192.168.5.212:8080）但是手机访问电脑的Ip 只显示页面的标题不显示内容。（在一个局域网下）是什么原因？

Answer 1

需要把 config/index.js里的devtool: '#eval-source-map'改为devtool:'inline-source-map'，就可以访问到了。

原有答案已失效，更新下：

package.json中找到 scripts.dev，在后面加上host参数 --host 0.0.0.0

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

Answer 2

刚刚也遇见了这个问题 试了一下 把config/index.js里面的host:"localhost" 更改为 host:"你的本机ip"， 然后在手机上访问你的本机ip加端口就可以了！！

Answer 3

显示页面的标题不显示内容,那就是已经连上了，但是你的代码有问题，检查一下代码

Answer 4

如果是iOS手机无法访问，可以参考 https://kotori.love/archives/...

Answer 5

同问，我现在也没有办法调试了？页面打开都是空白，输入ip地址也没有办法访问

Answer 6

我也遇到了这个问题，微信浏览器可以正常访问，但是手机自带浏览器无法访问，只有title信息

Answer 7

打个断点，看下资源加载

Answer 8

1楼正解!改了之后就可以了

Answer 9

今天刚刚遇到相同的问题,已经尝试了一楼的方法,但是无解.原本手机和电脑就是连在同一个路由器下面,换成ipconfig对应的ip和修改对应的配置之后手机还是访问不了.最后我就在电脑上面重新开辟一个wifi,手机连上这样才能访问