今天公司开启一个新项目,我就自己搭建了一下前端,搭建的过程非常顺利,但是到启动的时候发现默认打开的路径为http://0.0.0.0:8080
![](https://img-blog.csdnimg.cn/img_convert/67954cf7871360750a723cc9d1fdaad6.png)
当时也没多想,就在vue.config.js的host中加上了localhost,再次启动的时候就可以正常启动了
![](https://img-blog.csdnimg.cn/img_convert/bd947ecec8d2b2d775540e40b8f26023.png)
但是就在我想用手机查看效果的时候发现手机打不开了,这时候查看命令符界面才发现,Local和Network全是localhost
查了半天的资料,改了无数遍,都没用,要么报错,要么打开还是0.0.0.0,
经过了半天的查证,发现是vue-cli的版本太高的问题导致的(我之前的版本是5.0的)
换成4.5的以后就可以了
![](https://img-blog.csdnimg.cn/img_convert/ac19421a49115a05089e37d07b72877b.png)
如果到这你的项目可以成功启动那下面的就不用看了
在修改完运行的时候发现,控制台报错了,报错信息如下:
![](https://img-blog.csdnimg.cn/img_convert/34392b4d1690cabb0013e3c26794723f.png)
通过报错信息中的关键词在项目中查找,发现是“sass-loader”的版本太高,和vue-cli的版本对不上,将这个修改成8.0.0的就可以正常启动了