美文网首页
开发移动端时,如何实现在手机上实时测试预览

开发移动端时,如何实现在手机上实时测试预览

作者: 吴wuwu | 来源:发表于2020-12-23 14:52 被阅读0次

    开发移动端时,用谷歌浏览器的手机模拟工具测试 和用真机测试还是有很大差入的,所以找了一种可以在手机上测试预览的方法:

    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 (自己项目的端口号)   就可以实时预览了

    相关文章

      网友评论

          本文标题:开发移动端时,如何实现在手机上实时测试预览

          本文链接:https://www.haomeiwen.com/subject/ldoynktx.html