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

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

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

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

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

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

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

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

当当当~~操作完毕，是不是很简单~接下来就可以在手机实时预览vue项目了，并且随时更新代码都可以刷新预览哦，是不是棒呆~

Tip：在服务器中，"0.0.0.0"指的是本机所有的IPV4地址，如果一个主机有两个IP地址，并且该主机上的一个服务监听的地址是0.0.0.0,那么通过两个ip地址都能够访问该服务。

转载于:https://juejin.im/post/5c9218145188252d5f0fd4ad