From f96dcb8aa65b62c8e04ab10c1686a0eebe6f643d Mon Sep 17 00:00:00 2001 From: WorkBuddy Date: Fri, 18 Sep 2026 20:51:12 +0800 Subject: [PATCH] =?UTF-8?q?fix(admin):=20=E7=AE=A1=E7=90=86=E7=AB=AF?= =?UTF-8?q?=E5=85=A5=E5=8F=A3=E6=94=B6=E6=95=9B=E5=88=B0=20/admin/=20?= =?UTF-8?q?=E5=AD=90=E8=B7=AF=E5=BE=84=EF=BC=8Cstaging=20=E7=AB=AF?= =?UTF-8?q?=E5=8F=A3=2013521=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=94=9F=E4=BA=A7?= =?UTF-8?q?=20/admin/=20=E5=81=87=E6=88=90=E5=8A=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 承接 rc.15 的管理端端口收敛(3000 → 13520),本轮把「入口」也收敛到一处: - staging admin 发布端口 3001 → 13521(保持「生产 + 1」错开),同步 tests/uat/run-uat.sh 的默认 UAT_ADMIN_URL。 - 管理端产物改为 /admin/ 子路径部署:vite 构建 base=/admin/(dev 仍为 /,开发与 排查习惯不变)、router history base 跟随 import.meta.env.BASE_URL、三处容器化 入口(生产 nginx / 本地整套栈 nginx / admin-web 容器内 nginx)统一为「不剥离 前缀」转发,形态一致。 - 修复生产 nginx /admin/ 的假成功:原为 alias /usr/share/nginx/html/,而那正是 nginx:alpine 纯净镜像自带的默认页目录(管理端产物不在该容器内),访问返回 200 + nginx 欢迎页 —— 浏览器不报错、状态码正常,只是打开的不是管理端,比 404 更难发现。改为 upstream admin_web + proxy_pass,并以真实两跳容器实测: /admin/ → 200 且为管理端标题与 /admin/assets/*、/admin/dashboard → 200(SPA 兜底)、/admin/brand/logo-mark.png → 200、根路径 → 显式 404(用 location = / 钉住,不依赖「本配置恰好没有 server 级 root」这一偶然事实)。 - 品牌资源引用统一走新增的 src/brand.ts(public/ 资源不受 vite base 影响,原 5 处 写死根路径,子路径部署下会裂图);favicon 由仓库内并不存在的 /favicon.svg 改为 存在的品牌标。 - 补全 tests/uat/run-uat.sh 被截断的尾部:原文件停在 `if [ -`,bash -n 不通过、 脚本根本无法运行;顺带把此前「定义了却无人消费」的 ADMIN_URL 接到管理端可达性 实测上,并补结果汇总与非零退出码。 - ui-tests:ui-document-baseline-contracts 新增两类一致性断言(staging 发布端口 ⇄ run-uat.sh 默认入口、子路径部署的五处约束);admin-reference-contracts 的资产 断言适配 brand 模块(断言「组件经 brand 模块引用」+「brand 模块指向正式资产」)。 6 条新增断言全部经负向注入验证(注入对应缺陷 → 守卫变红且信息指向正确对象)。 验证:UI 门控 14/14 绿;vue-tsc EXIT=0;vite build EXIT=0 且产物资源均为 /admin/ 前缀;三份 nginx 配置 nginx -t 通过。 注:docs/STATUS.md 含此前的在途文档改动(非本次工作,且其中引用了已被删除的 plans 文件),故未纳入本提交;本轮的口径更新已写入该文件待一并处理。 --- admin-web/index.html | 6 +- admin-web/nginx-admin.conf | 17 ++- admin-web/src/brand.ts | 14 +++ admin-web/src/layouts/MainLayout.vue | 11 +- admin-web/src/router/index.ts | 4 +- admin-web/src/views/DashboardView.vue | 3 +- admin-web/src/views/LoginView.vue | 5 +- admin-web/vite.config.ts | 10 +- infrastructure/docker-compose.staging.yml | 8 +- infrastructure/nginx-production.conf | 41 +++++++- infrastructure/nginx.conf | 16 ++- tests/uat/run-uat.sh | 41 +++++++- ui-tests/admin-reference-contracts.mjs | 10 +- ui-tests/ui-document-baseline-contracts.mjs | 109 ++++++++++++++++++-- 14 files changed, 266 insertions(+), 29 deletions(-) create mode 100644 admin-web/src/brand.ts diff --git a/admin-web/index.html b/admin-web/index.html index f181f71..4ecba8e 100644 --- a/admin-web/index.html +++ b/admin-web/index.html @@ -2,7 +2,11 @@ - + + 丹阳公益婚恋 - 运营管理后台 diff --git a/admin-web/nginx-admin.conf b/admin-web/nginx-admin.conf index 8ce6a03..2c638be 100644 --- a/admin-web/nginx-admin.conf +++ b/admin-web/nginx-admin.conf @@ -15,9 +15,20 @@ server { add_header X-XSS-Protection "1; mode=block" always; add_header Referrer-Policy "strict-origin-when-cross-origin" always; - # SPA fallback - location / { - try_files $uri $uri/ /index.html; + # 根路径没有内容:管理端产物挂在 /admin/ 子路径下(构建 base=/admin/)。 + # 显式 301 而不是返回 nginx 默认页或 404,避免"打开有东西但其实是别的页面"的假成功。 + location = / { + return 301 /admin/; + } + + # SPA:/admin/** 映射到产物根目录。 + # 上游入口(生产 nginx、本地整套栈 nginx)都**不剥离** /admin 前缀地转发到本容器, + # 因此这里必须自己认识这个前缀。 + # try_files 的兜底写成 URI(/admin/index.html)而不是文件路径:与 alias 配合时, + # 写文件路径会被再次拼接 alias 而失效 —— 这是 alias + try_files 的已知坑。 + location /admin/ { + alias /usr/share/nginx/html/; + try_files $uri $uri/ /admin/index.html; } # API proxy to backend diff --git a/admin-web/src/brand.ts b/admin-web/src/brand.ts new file mode 100644 index 0000000..20e25fe --- /dev/null +++ b/admin-web/src/brand.ts @@ -0,0 +1,14 @@ +// 品牌静态资源的运行时前缀。 +// +// admin-web/public/ 下的文件不受 vite `base` 影响(无论 base 是什么,都会被原样复制到 +// 构建产物的根目录),因此 .vue 模板里若写死 `src="/brand/xxx.png"`,在产物部署于 +// /admin/ 子路径时,浏览器会去站点根路径请求,最终 404(表现为 logo / 登录插画裂图)。 +// +// 结论:public/ 下的运行时引用必须显式带上 import.meta.env.BASE_URL。 +// 这里集中导出,避免每处各写一遍拼接而在改 base 时漏改。 +const BRAND_BASE = `${import.meta.env.BASE_URL}brand/` + +export const BRAND_LOGO = `${BRAND_BASE}logo-mark.png` +export const BRAND_LOGIN_SCENE = `${BRAND_BASE}login-illustration.jpg` +export const BRAND_ACTIVITY_FALLBACK = `${BRAND_BASE}activity-default.jpg` +export const BRAND_BACKDROP = `${BRAND_BASE}admin-danyang-backdrop.jpg` diff --git a/admin-web/src/layouts/MainLayout.vue b/admin-web/src/layouts/MainLayout.vue index 9ceb563..f87ea5c 100644 --- a/admin-web/src/layouts/MainLayout.vue +++ b/admin-web/src/layouts/MainLayout.vue @@ -2,7 +2,7 @@
- 善缘丹阳 + 善缘丹阳
善缘丹阳 公益婚恋服务平台 @@ -27,7 +27,7 @@
- +
善缘丹阳 公益婚恋服务平台 @@ -129,6 +129,7 @@