Vue移动端项目手机实时预览

开发移动端的朋友们都懂得，模拟器测试6的飞起的时候，真机测试免不了来几个小bug。话很少说，咱们来看看如何在手机实时预览vue项目~ （如下示例目录使用vue-cli脚手架生成）

一、第一步，打开咱们的vue项目目录，找到config-->index.js文件

二、第二步，在dev模块下，将host配置改成"0.0.0.0" (默认为localhost)

三、第三步，把冰箱门带上......卡！这一步获取咱们的电脑ip地址，不知道怎么获取的小朋友要打屁股了！

windows 点击开始——>输入cmd 回车——>输入ipconfig 回车
复制代码

mac  终端输入ifconfig 回车
复制代码

四、第四步，npm run dev 运行vue项目，保持手机与电脑同一网络，手机浏览器访问"电脑ip+端口号"（如10.x.xx.xx:8080）

当当当~~操做完毕，是否是很简单~接下来就能够在手机实时预览vue项目了，而且随时更新代码均可以刷新预览哦，是否是棒呆~

Tip：在服务器中，"0.0.0.0"指的是本机全部的IPV4地址，若是一个主机有两个IP地址，而且该主机上的一个服务监听的地址是0.0.0.0,那么经过两个ip地址都可以访问该服务。