uni-app 开发的 H5 项目,局域网部署就是让同一 WiFi / 局域网内的手机、电脑直接访问你的 H5 页面,无需公网服务器,适合内网测试、办公场景使用。
一、核心原理
- 你的电脑作为本地服务器
- 同一局域网设备通过电脑的局域网 IP + 端口访问
- uni-app 编译出纯 H5 静态文件,直接托管即可访问
二、第一步:获取电脑的局域网 IP
Windows
- 按下
Win + R,输入cmd打开命令行 - 输入:
ipconfig- 找到无线局域网适配器 WLAN里的
IPv4 地址示例:192.168.1.105
三、第二步:编译 uni-app H5 静态包
HBuilderX 操作
- 打开你的 uni-app 项目
- 点击顶部菜单栏:运行 → 运行到浏览器 → 编译成 H5 资源
四、第三步:局域网托管 H5(3 种极简方案)
方案 1:使用 HBuilderX 内置服务(最简单)
- 在 HBuilderX 中
- 点击运行 → 运行到浏览器 → 选择任意浏览器
- 浏览器会打开地址,例如:
http://localhost:8080 - 把
localhost换成你的局域网 IP:http://192.168.1.105:8080 - 同一局域网手机 / 电脑直接访问这个地址即可 ✅