开发移动端时，如何实现在手机上实时测试预览
2020-12-23 本文已影响0人
吴wuwu
开发移动端时，用谷歌浏览器的手机模拟工具测试 和用真机测试还是有很大差入的，所以找了一种可以在手机上测试预览的方法：
1. 电脑和手机连接同一个WiFi
2. 查询电脑本地IP 地址(cmd中输入ipconfig命令)
3. 修改项目中的 IP 地址：
找到项目中的 vue.config.js 文件，配置以下代码：
module.exports = {
dev: {
host: '192.168.0.116', // 原为: hotst: 'localhost'
}
}
4. 在手机上输入 http://192.168.0.116:8080 (自己项目的端口号) 就可以实时预览了
