uniapp h5手机如何打开本地跑的前端项目进行本地调试

本地调试使用

vConsole是一个轻量级的移动端调试工具,可以在iOS设备上直接调试Uniapp H5应用。下面是具体的步骤:

在Uniapp项目中安装vConsole依赖:npm install vconsole。

在项目的main.js文件中引入vConsole库:import VConsole from 'vconsole'。

在main.js文件中添加以下代码,启用vConsole:

// #ifdef H5
// 提交前需要注释  本地调试使用=》确保你的电脑与手机处于同一网络下,
const vconsole = require('@/uni_modules/vconsole/dist/vconsole.min')
Vue.prototype.$vconsole = new vconsole() // 使用vconsole
// #endif

1:确保你的电脑与手机处于同一网络下

2:找到项目启动后生成的地址,通常在控制台的输出信息中可以找到。

3:将这个地址在手机端打开浏览器访问,确保使用的是电脑的局域网IP地址而不是localhost127.0.0.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值