Appearance
概述
移动端(view/uniapp/)支持通过 HBuilderX 或 npm CLI 打包为 H5 手机网页及微信公众号网页端。构建产物直接部署于后端 Web 根目录的 public/ 下。
方式一:使用 HBuilderX 打包
导入项目
- 打开 HBuilderX,选择【文件 -> 打开目录】;
- 选中项目中的
view/uniapp/目录。
配置请求域名
打开 config/app.js,修改 HTTP_REQUEST_URL 为您的实际后端域名(如 https://api.ebaozu.cn)。
发行构建
- 点击顶部菜单【发行 -> 网站-H5 手机版】;
- 填写网站标题与基础路径(默认为
/); - 点击【发行】,等待控制台编译完成;
- 编译完成后,构建产物位于
view/uniapp/unpackage/dist/build/h5/。
部署至服务器
将打包生成目录中的所有内容(index.html、pages/、static/ 等)复制并覆盖到后端站点的 public/ 目录下。
方式二:使用 NPM 命令行打包
在 view/uniapp/ 目录下执行:
bash
npm install
npm run build:h5构建完成后,将 dist/build/h5/ 下的文件发布至服务器 public/ 目录下。
本地开发调试
在 HBuilderX 中点击【运行 -> 运行到浏览器 -> Chrome】,或在终端运行:
bash
npm run dev:h5