<base>标签必须置于<head>最顶部且唯一，href值须为绝对URL或根相对路径（结尾带斜杠），仅影响HTML中纯相对路径的资源加载，与JS/CSS运行时无关，且需与前端路由及构建工具配置严格对齐。
<base> 标签在多级目录下不是“自动适配”，而是严格按规则解析；写错值、放错位置、或与构建工具/路由配置冲突，会导致 script、link、img 批量 404，且浏览器不报错。
base href 必须是绝对 URL 或根相对路径（结尾带斜杠）
浏览器只接受以 http://、https://、// 或 / 开头的 href 值。其他写法一律静默忽略——你不会看到控制台警告，但所有 src="app.js" 都退回到按当前页面 URL 解析。
-
href="assets/"、href="../static"、href="subapp/"→ 全部无效，<base>形同虚设 -
href="/myapp"→ 结尾缺/，Firefox/Opera 会截断路径，css/app.css变成/myappcss/app.css -
href="/myapp/"→ ✅ 合法，适用于部署在https://example.com/myapp/的 SPA -
href="https://cdn.example.com/v3/"→ ✅ 推荐，协议、域名、版本明确，不依赖当前页上下文 -
href="//cdn.example.com/v3/"→ ✅ 协议相对，适合混合 HTTP/HTTPS 环境
base 标签必须放在 <head> 最顶部且唯一
<base> 的作用是在 HTML 解析阶段重置后续所有纯相对路径的基准起点，这个动作不可逆、不可后补。
- 放在
<meta>或<title>后面 → 部分浏览器跳过已解析的<link>，资源仍按原始 URL 加载 - 放进
<body>→ 浏览器直接忽略，无提示 - 两个
<base>标签 → 只有第一个生效，控制台提示Multiple base elements detected. Only the first one is used. - 用 JS 动态插入（如
document.head.appendChild(baseEl)）→ 解析已完成，对已存在的元素完全无效
哪些路径真受影响，哪些完全不受控
<base> 不是全局代理，它只干预 HTML 解析时的纯相对路径（即不以 /、: 或协议开头的字符串），对 JS/CSS 运行时行为毫无影响。
立即学习“前端免费学习笔记（深入）”；
- ✅ 真受影响：
<img src="logo.png">、<script src="app.js">、<link href="style.css">、CSS 中的background: url(avatar.jpg) - ❌ 完全不受：
fetch('./api/user')、import('./utils.js')、@import "reset.css"、<iframe src="/admin/frame.html">、<img srcset="logo-2x.png 2x"> - ⚠️ 半受影响：
document.baseURI返回<base href>的值，可用于new URL('data.json', document.baseURI)，但window.location和document.URL完全不变
SPA 部署在子路径时，base 与前端路由/构建工具必须显式对齐
HTML 的 <base href="/subapp/"> 和 Vue Router / React Router 的 base 配置是两套独立机制，互不同步。只配一个，大概率白屏或 404。
- Vue Router：必须显式传入
createRouter({ history: createWebHistory('/subapp/') })，否则router.push('/home')会跳到根路径 - React Router v6+：
<Router basename="/subapp">必须声明，否则导航和匹配全部错位 - Vite 构建时若已设
base: '/subapp/'，HTML 中就不该再手动加<base href="/subapp/">，否则资源路径被拼两次（如/subapp//subapp/js/app.js） - Webpack 的
publicPath若和 HTML 中<base>值相同，也存在重复拼接风险 - Service Worker 缓存策略若依赖
self.location.origin + '/subapp/'，而 HTML 没配<base>，预缓存路径就错位
最容易被忽略的是：本地开发时用 href="http://localhost:3000/" 比 href="/" 更安全；生产环境走 CDN 时，用完整绝对 URL（如 https://cdn.example.com/v3/）比根相对路径更可控——因为后者一旦部署路径变更，所有资源请求都会偏移，且毫无提示。
