局域网下手机预览vue项目的方法

初始创建的vue项目运行后只能通过localhost 8080或127.0.0.1:8080访问，这样的话就只能在自己电脑上进行预览，如果是开发的移动端网页的话，就很难体会到真实的效果，下面就介绍一种可以在手机上预览的方法：

这个方法实现的前提是手机和电脑在同一局域网内，简单来说，就是手机和电脑连接同一WIFI即可。

 首先找到使用vue脚手架建立项目config文件中的index,js文件，

    修改里面的host属性值：改成 host: '0.0.0.0'

    重新npm run dev一下即可

    然后在dos命令下（window是win+R输入cmd）输入ipconfig得到ipv4的地址

    在手机的浏览器里就可以用上一步得到的地址+端口号来访问你的项目了