概述

总后台（view/admin/）与门店后台（view/store/）均为标准的 Vue SPA 单页应用。打包构建后生成静态 HTML、JS、CSS 文件并部署于 Web 服务器。

---

构建步骤

进入对应前端目录

cd view/admin

cd view/store

执行打包命令

npm run build

构建成功后，产物将自动输出至后端的 Web 静态资源目录下：

• 总后台：输出至 /public/admin/
• 门店后台：输出至 /public/store/

---

Nginx 伪静态支持 (History 模式)

前端采用 history 路由模式，需要在 Nginx 配置中对管理端静态路由进行支持，避免页面刷新出现 404：

# 总后台管理
location /admin {
    try_files $uri $uri/ /admin/index.html;
}

# 门店后台
location /store {
    try_files $uri $uri/ /store/index.html;
}

---

常见构建问题排查

1. 资源 404 无法加载：检查 src/setting.env.js 中的 publicPath 是否配置为正确的基础路径（如 /admin/ 或 /store/）。
2. 刷新页面报 404：检查 Nginx 的 try_files 配置是否生效。
3. 接口请求跨域或 502：检查 src/setting.js 中 apiBaseURL 配置，生产环境下留空走 Nginx 统一反向代理。