1、问题
启动vue-cli项目,用本机ip无法访问网站,从而无法在手机上预览效果。
2、原因分析和解决办法
从这张图片中(bulid目录下有一个webpack.dev.config.js的配置文件)我们看到 host配置 是config.dev下面配置的。
从这张图片中(config目录下有一个index.js, 找到dev对象的host属性 ),把host配置为 0.0.0.0
host:'0.0.0.0',
这样发现localhost、127.0.0.1、本地IP均能正常访问,可以用手机来预览效果了
参考文章 :https://blog.csdn.net/wp_boom/article/details/78604046