遇到的问题

vue-cli项目服务已启动，无法使用本机IP访问此网站，因此我们的链接请求被拒绝。所以你不能在手机上预览效果

原因分析

我们的bulid目录中有一个webpack.dev.config.js的配置文件，发现devServer对象中的host属性取自process . env . host | | config . dev . host.

这里我们看一下config.dev.host在我们的配置目录中有一个index.js来查找dev对象的host属性

发现该版本的vue-cli将主机名定义为localhost，导致本地IP无法访问服务。

解决办法

重新定义主机为0.0.0.0，然后重启服务，发现localhost、127.0.0.1、本地IP都可以正常访问，可以用手机预览效果

host: '0.0.0.0 '之上的vue-cli项目无法通过本机IP访问的解决方案是边肖与所有人共享的所有内容。希望能给大家一个参考，多支持我们。