uniapph5打包部署宝塔
时间: 2025-02-22 07:26:19 浏览: 44
使用宝塔面板部署 UniApp H5 应用
准备工作
为了确保顺利将 UniApp 项目打包并部署至服务器,需先完成以下准备工作:
- 确认本地开发环境:确保已安装最新版本的 HBuilderX 和 Node.js。
- 准备远程服务器:拥有可访问的 Linux 或 Windows 服务器,并已在该服务器上安装了宝塔面板。
打包 UniApp H5 项目
- 在 HBuilderX 中打开目标 UniApp 工程[^1]。
- 进入
manifest.json
文件中的 H5 配置部分,依据实际需求调整基础路径和其他必要设置[^5]。 - 转到菜单栏的选择“发行”,接着点击“网站-H5手机版”。此时会弹出一个新的窗口,在这里可以选择是否启用调试模式以及其他选项;通常情况下,默认配置已经足够满足大多数场景的需求。
- 完成上述操作后,直接点击【发行】按钮开始构建过程。等待片刻直至提示打包成功。
将打包成果上传至服务器
一旦打包顺利完成,则会在指定位置生成名为 “web”的文件夹,其中包含了所有用于发布的静态网页资源。接下来按照如下方式将其迁移到线上环境中:
- 登录到宝塔面板管理后台;
- 寻找并进入站点对应的根目录;
- 利用 FTP/SFTP 协议或是通过宝塔内置的功能上传之前获得的那个 "web" 文件夹内的全部内容;
- 如果有必要的话,重命名此文件夹为更易于识别的名字比如 'h5'。
设置 Nginx 反向代理 (如有需要)
对于某些特定的应用程序来说,可能还需要额外配置反向代理以便更好地支持 API 请求转发等功能。这可以通过编辑 Nginx 的配置文件实现,添加类似于下面这样的规则:
location /api {
proxy_pass http://localhost:port;
}
以上步骤完成后,保存更改并重启 Web 服务使新的设定生效[^4]。
相关推荐

















