本文分享了在Vue项目开发移动端时，实现真机实时预览的方法。首先要让电脑和手机连接同一wifi，接着查询本地地址，最后修改本地项目中的地址，在手机浏览器输入修改后的项目地址即可预览。
在开发移动端的时候，特别想在真机上看自己开发出来的成果，之前用的是 Ghostlab这玩意，可是呢，这玩意是要收费的，而且只有7天的体验时间，感觉有点不满足。
现在分享一个更加方便的方法，是在webpack工具构建在的vue项目，实现真机实时预览...
1.电脑和手机连接同一个wifi
用wifi共享大师开个wifi，手机连接，这都是常规操作啦
2.查询本地IP地址WIN + R，输入cmd回车，打开命令提示符，输入ipconfig，查看本地IPv4
3.修改本地项目中IP地址
找到项目中的config文件夹中的index.js文件
示例如下：
module.exports = {
dev: {
host: '192.168.0.114', // 原为: hotst: 'localhost'
}
}
手机浏览器上输入修改后的项目地址http://192.168.0.114:8080也可以预览，然后大工告成。
你可能感兴趣的
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
