Appearance
概述
EBAOZU V4 移动端(包含公众号 H5、手机浏览器端)基于 Vue 2 + Uni-app 构建,源码位于项目根目录的 view/uniapp/。编译后的静态 HTML 与 JS/CSS 产物需放置于后端的 public/ 目录下由 Nginx 直接提供服务。
编译打包与部署步骤
检查 API 请求域名配置
打开 view/uniapp/config/app.js,确认 HTTP_REQUEST_URL 已正确配置为你的后端访问域名(如 https://www.yourdomain.com,末尾不带斜杠)。
执行 H5 生产编译构建
在 view/uniapp/ 目录下执行 npm 打包命令:
bash
cd /www/wwwroot/你的项目目录/view/uniapp
npm run build:h5构建成功后,编译产物将生成在:
text
view/uniapp/dist/build/h5/目录结构包含:
index.html(H5 入口文件)static/(静态资源目录,包含 JS、CSS、图片、字体等)
将产物复制到服务器 public/ 目录
将 dist/build/h5/ 目录下的所有文件及子文件夹复制并覆盖到后端项目的 public/ 根目录下:
bash
cp -r view/uniapp/dist/build/h5/* public/权限与缓存清理
确保复制后的静态文件具备 755 读取权限,并清理后端缓存:
bash
chmod -R 755 public/
chown -R www:www public/
php think clear:cache在浏览器中打开商城域名并按 Ctrl + F5 强制刷新,即可访问最新发布的 H5 商城。