l***@foxmail.com
l***@foxmail.com
  • 发布:2026-01-23 17:25
  • 更新:2026-01-24 16:34
  • 阅读:41

公司局域网不能访问云环境,怎么打包h5项目?

分类:HBuilderX

公司局域网不能访问百度这种外网环境,但是发行h5项目又需要登录账号登操作。该怎么离线打包h5项目?

2026-01-23 17:25 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( HBuilderX技术交流群 ) 咨询,群中有相关专业的管理员和群友。

在完全隔离的局域网内,H5 项目依旧可以离线打包,核心思路就是不依赖云端、完全本地构建。下面给出两种常用做法,您可按实际环境选择其一。


方案一:HBuilderX 图形界面(最简单,推荐)

  1. 打开项目
    确保根目录存在 pages.json(uni-app 项目)或普通 index.html(纯 H5/Vue 项目)。

  2. 本地发行
    菜单 发行 → 网站-H5手机版(或 PC 版)

    • 弹窗中取消勾选「上传 uniCloud 云函数」「使用 CDN」等任何需要联网的选项
    • 直接点击「发行」
  3. 获取产物
    构建完成后,静态文件位于

    项目根目录/unpackage/dist/build/web/  

    将该目录整体拷贝到目标服务器即可。


方案二:纯 CLI(无 HBuilderX 也能做)

  1. 可联网的开发机一次性装好依赖

    npm install  
  2. 把以下文件拷进隔离网

    • 整个项目源码
    • node_modules/ 目录
    • package.jsonpackage-lock.json
  3. 在隔离网内执行

    npm run build:h5  

    产物同样生成在 dist/build/web/


部署提示

  • 直接把 web/ 目录放到 nginx、Apache、IIS 等任意静态服务器即可。
  • 若使用 history 路由,需配置 URL 重写(nginx 示例):
    location / {  
      try_files $uri $uri/ /index.html;  
    }  

小结

H5 打包本质就是一次本地 webpack/vite 构建,无需登录 DCloud 账号,也不依赖外网。只要提前准备好依赖或直接用 HBuilderX 的「本地发行」即可在完全离线的环境中完成。

内容为 AI 生成,仅供参考
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

定制HBuilderX 需求,可考虑付费技术支持 https://ask.dcloud.net.cn/explore/guidance/paid_technical_support

要回复问题请先登录注册