在html5+app里调试vue页面

开发工具:HBuilderX

1.笔记本和手机连接到同一个WIFI

2.查询本地IP地址

WIN+R,输入cmd回车,输入ipconfig,查看本地IPv4;

3.修改网页项目中IP地址

找到项目中config文件夹,下面index.js文件打开; 

找到如下代码

module.exports = {
dev: {
    env: require('./dev.env'),
    port: 8081,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    host: '192.168.0.107',    //默认为localhost,修改为你的IPv4,如果没有这一行则自行添加
    }
}

4.把app内的网页地址改你的IPv4地址

5.本地跑起app和vue项目

如果app跑不起来的话先将IPv4地址改为线上项目地址,先将app跑起来,再修改IPv4为你的电脑IPv4

你可能感兴趣的:(前端)