解决vue-cli项目 用本机ip无法访问的问题

1、问题

启动vue-cli项目，用本机ip无法访问网站，从而无法在手机上预览效果。

2、原因分析和解决办法

取host的地方.png

从这张图片中（bulid目录下有一个webpack.dev.config.js的配置文件）我们看到 host配置 是config.dev下面配置的。

host配置地方.png

从这张图片中（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