在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地址

<script>
	function plusReady() {
		plus.nativeUI.showWaiting('加载中..');
		var wc = plus.webview.currentWebview();
		var url="http://192.168.1.44:8081/";    //这是我的本机IPv4
		var embed = plus.webview.create(url, 'refund_wap', {
			top: 'px',
			bottom: '0px'
		});
		plus.nativeUI.closeWaiting();
		wc.append(embed);
		wc.show();
	}
	if (window.plus) {
		plusReady();
	} else {
		document.addEventListener('plusready', plusReady, false);
	}
</script>

5.本地跑起app和vue项目

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