<base>标签重置HTML解析器对后续相对URL的基准起点，非加前缀；href必须为绝对URL或根相对路径（结尾带/），且须置于<head>最前、唯一存在，否则静默失效致批量404。
<base> 标签不是“加前缀”，而是重置 HTML 解析器对后续所有相对 URL 的基准起点；设错一个字符，<img src="logo.png"> 就 404，且浏览器不报错、不警告，只静默失败。
base href 必须是绝对 URL 或根相对路径（结尾带斜杠）
浏览器只接受以 https://、http://、// 或 / 开头的 href 值。其他写法（如 assets/、../static/、%PUBLIC_URL%/）会被整条忽略——不是报错，是彻底失效，资源退回到按当前页面 URL 解析，上线后批量 404。
-
https://cdn.example.com/v3/✅ 推荐：协议、域名、版本明确，CDN 场景最稳 -
/myapp/✅ 合法：适用于 SPA 部署在子路径，结尾斜杠不能省（/myapp在 Firefox 中可能被截断成/myappcss/） -
//cdn.example.com/v3/✅ 可用：协议相对，自动继承当前页 http/https，适合混合协议环境 -
assets/❌ 无效：纯相对路径，浏览器静默跳过整条<base> -
file:///D:/project/dist/⚠️ 仅限本地调试：部分浏览器对file://下的<base>支持不一致
base 标签必须放在 <head> 最前面且唯一
<base> 的作用发生在 HTML 解析阶段，它只对它之后出现的标签生效。放错位置或重复声明，等于没写。
- 正确顺序：
<head><base href="/myapp/"><title>App</title><link href="style.css"></head> - 错误：放在
<meta>或<title>后面 → 已解析的<link>不受控 - 错误：放进
<body>→ 浏览器直接忽略，无提示 - 错误：多个
<base>→ 只有第一个生效，Chrome 控制台提示Multiple base elements detected. Only the first one is used. - 错误：用 JS 动态插入（如
document.head.appendChild()）→ 解析早已结束，完全无效
哪些路径真正受 base 影响，哪些完全不受
<base> 不是全局路径代理，它只在 HTML 解析时改写「纯相对路径」（即不以 /、: 或协议开头的字符串），对运行时行为毫无作用。
立即学习“前端免费学习笔记（深入）”；
- ✅ 真正受影响：
<img src="logo.png">、<script src="app.js">、<link href="style.css">、<form action="submit.php">、CSS 中的background: url(avatar.jpg)（这是唯一穿透到 CSS 的情况） - ❌ 完全不受影响：
fetch('./api/user')、import('./utils.js')、new Worker('./worker.js')、CSS 中的@import "reset.css"、<iframe src="page.html">（它的src相对于 iframe 当前 URL） - ⚠️ 特别注意：
<img src="/admin/logo.png">这种根相对路径，根本不受<base>控制——它直接拼到当前域名下，和href值无关
SPA 项目中 base 与前端路由、构建配置必须显式对齐
Vue Router 和 React Router v6+ 完全不读 document.baseURI，它们的 base 配置必须手动传入。HTML 中写了 <base href="/myapp/">，但路由没配，会导致资源加载和页面跳转行为割裂。
- Vue Router：
createRouter({ history: createWebHistory('/myapp/') }) - React Router：
<Router basename="/myapp"> - Vite 构建时若已设
build.base: '/myapp/'，HTML 中再手写<base href="/myapp/">，会导致路径被拼两次（如/myapp//myapp/js/app.js） - Webpack 的
publicPath若设为'/'，但 HTML 有<base href="/myapp/">，则 runtime chunk 会从/myapp/加载，而实际文件在/下，结果 404
最容易被忽略的是：非法 href 值导致静默失效——你检查控制台看不到错误，document.baseURI 返回 undefined 或原始页面地址，而所有 src/href 都悄悄走错了路。
