chenxing
05804f41a9
build / build (push) Successful in 4m19s
- 接入点收敛为 index.html <head> 内一段同步 loader（env-config 引导之后、title/入口之前），
document.write 保 parser-blocking；通道 init 已吸收 FOUC 门 + manifest 预取 + DCL 挂 <link>
+ href 去重交棒，主题逻辑升级全走 /static，不再需要重新构建本应用
- 域名四档：staticHost > baseHost > VITE_THEME_HOST（dev 跨源直连专用，需通道 CORS）> 同源相对。
不复用 VITE_BASE_HOST：它与 SSO/API 共用、.env.dev 里本就非空，复用会让 dev 立刻跨源被 CORS 拦；
build 产物不读 .env，占位符留字面量 → 置空 → 同源（产物零环境值烧入，与 2f423c2 口径一致）
- 删 plugins/vite-plugin-theme（-420 行 vendor）+ package.json/lock 的 file: 依赖，
根治 CI 容器解析不到 file:../../YschTheme 那类 npm ci 秒失败
- vite.config：保留 dev /static 代理（联调便利，changeOrigin 顺带改写 Host，等价旧插件的
headers.Host 补偿），注释端口纠错 5174 → 9527；theme.ts 同步到通道版本 20260929-1112-1b1724d
- 已验：npm run build 通过，dist/index.html 注入段存活且无 B 类痕迹，
YschTheme npm run smoke 断言 3 张主题表按序挂载、FOUC 门先于首帧、manifest 只拉一次
67 lines
4.0 KiB
HTML
67 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<link rel="icon" type="image/svg+xml" href="../../favicon.ico" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<!-- 运行时配置引导：在任何应用模块执行前同步拉取 /<contextPath>/api/env-config
|
||
（后端免登录端点，projman 配置管理在线维护），替代生产构建环境变量。
|
||
必须同步：host.config.ts 在模块求值期就读 window.__APP_CONFIG__；失败/本地开发
|
||
（根路径，段数不足 2）则不设置：本地走 .env.dev/.env.mock（VITE_*），线上走同域推导兜底。
|
||
target = URL 第 2 段目录名：本应用产物部署于 /{contextPath}/front/，故为 front，
|
||
对应后端配置键 yh.env-config.source.front（环境变量 YH_ENV_CONFIG_SOURCE_FRONT）。
|
||
注意：同步 XHR 不支持 timeout 属性（赋值会抛 InvalidAccessError），依赖内网快速失败 -->
|
||
<script>
|
||
(function () {
|
||
try {
|
||
var seg = location.pathname.split("/").filter(Boolean);
|
||
if (seg.length < 2) return; // 本地开发（根路径）：走 .env.dev / .env.mock
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open("GET", "/" + seg[0] + "/api/env-config?target=" + encodeURIComponent(seg[1]), false);
|
||
xhr.send(null);
|
||
if (xhr.status === 200) {
|
||
var conf = JSON.parse(xhr.responseText);
|
||
if (conf && typeof conf === "object") window.__APP_CONFIG__ = conf;
|
||
}
|
||
} catch (e) {
|
||
/* 拉取失败保持未设置，走同域推导兜底 */
|
||
}
|
||
})();
|
||
</script>
|
||
<!-- 主题通道引导（A 类免插件接入，方案 §11）：唯一接入点，不装依赖、不改 vite.config 也能吃主题。
|
||
origin 零写死，优先级四档：
|
||
__APP_CONFIG__.staticHost（专用通道覆盖，projman env-config 在线配）
|
||
> __APP_CONFIG__.baseHost（换域名改配置即生效）
|
||
> %VITE_THEME_HOST%（仅 dev 注入：主题通道专用域，需通道已开 CORS）
|
||
> 同源相对 "/static/…"（生产常态：通道与应用同域；本地 dev 由 vite /static 代理兜到通道）
|
||
为何不直接复用 .env.dev 的 VITE_BASE_HOST：那会让 dev 跨源直连线上域，而通道 Caddy 至今没有
|
||
Access-Control-Allow-Origin（方案 §10.4 现网无该头）→ manifest 是 fetch 跨源，会被拦成降级。
|
||
运维加上那行头之后，在 .env.dev 补 VITE_THEME_HOST=http://base.yunhaixingtong.com 即切直连，零改码。
|
||
document.write 保证 parser-blocking：init 的档位挂载与 FOUC 门先于首帧（同旧插件 initBootstrap 机制，
|
||
且 vite build 不解析内联脚本里的字符串，规避 "/static/…" 被当本仓资源解析报错；build 产物不读
|
||
.env.*，占位符原样留字面量 → 判首字符 % 置空，产物零环境值烧入）。
|
||
挂载/FOUC/CSS 排序全部由通道 init 脚本承担，逻辑升级全走 /static 通道，无需重新构建本应用 -->
|
||
<script>
|
||
(function () {
|
||
var c = window.__APP_CONFIG__ || {};
|
||
var themeHost = "%VITE_THEME_HOST%";
|
||
if (themeHost.charAt(0) === "%") themeHost = "";
|
||
var host = String(c.staticHost || c.baseHost || themeHost).replace(/\/+$/, "");
|
||
document.write('<script src="' + host + '/static/js/yh-theme-init.js"><\/script>');
|
||
})();
|
||
</script>
|
||
<title><%- title %></title>
|
||
<link rel="stylesheet" href="./libs/ztree/zTreeStyle.css" />
|
||
<script src="./libs/jquery.min.js"></script>
|
||
<script src="./libs/lodash.min.js"></script>
|
||
<script src="./libs/ztree/jquery.ztree.all.min.js"></script>
|
||
<%- injectScript %>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app"></div>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
|
||
</html> |