当前位置: 首页 > news >正文

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


http://www.mrgr.cn/news/9243.html

相关文章:

  • (十八)Flink CEP 详解
  • 视频在线去水印解析相册怎么弄,轻松掌握五大技巧
  • 《机器学习》—— 使用过采样方法实现逻辑回归分类问题
  • Embarcadero Dev-C++ 6.3安装教程
  • [学习笔记]深度学习详解-Datawhale学习组
  • Android 为什么子线程不能更新UI
  • 大数据技术之Zookeeper客户端命令行操作、节点类型、监听器原理(3)
  • Docker学习第一课【安装Docker及MySQL】以及遇到的一些问题【已解决】
  • 监控易仪表盘-设备运行状态监控界面解读
  • CSS定位指南:深入解析position属性的奥秘
  • 【自动驾驶】控制算法(一)绪论与前期准备
  • 日志审计-graylog ssh登录超过6次告警
  • Web-ssrfme
  • kafka常用命令汇总
  • ElasticSearch 8.15.0 与 Kibana 8.15.0 尝鲜体验
  • 大数据毕业设计开题报告100例
  • 基于matlab的深度学习案例及基础知识专栏前言
  • python interpreter process exited with a non-zero exit code 126 权限不够
  • shell程序设计入门(三)
  • php与nginx的高速缓存