<base> 标签仅在 HTML 解析时修正相对 URL 起点，不参与前端路由；误用会导致锚点跳转失败、资源 404 或路径重复；需确保 href 以 / 结尾或为绝对 URL，且与路由 base 配置手动对齐。
<base> 标签本身不参与单页应用的路由重定向逻辑，它只在 HTML 解析阶段修正相对 URL 的起点；所谓“特殊用法”其实是误用——把它当路由 base 或跳转控制手段，反而会破坏 a 锚点、form 提交、甚至触发页面重载。
base href 会导致 href="#" 或 id 锚点跳转失败
浏览器把 href="#section2" 当作相对 URL 处理，一旦设了 <base href="/myapp/">，就会拼成 /myapp/#section2。而当前页面 URL 可能是 https://example.com/myapp/，这个新地址并不存在，结果是：页面闪一下、滚动回顶、Network 面板出现一次对 /myapp/#section2 的空请求（状态码 200，返回完整 HTML）。
- 真实现象：点击“回到顶部”后没滚动，或跳到错误位置
- 不是 bug，是规范行为：W3C 明确要求所有非绝对 href 都要相对于
<base>解析 - 修复方式不是删
<base>，而是改写链接：<a href="javascript:void(0)" onclick="scrollToTop()">，或用event.preventDefault()拦截默认行为
base 和前端路由的 base 配置必须严格一致，但互不感知
<base href="/myapp/"> 不会让 Vue Router 自动识别子路径，也不影响 React Router v6+ 的匹配逻辑。它们完全独立，靠手动对齐。
- Vue Router 必须显式传
base: '/myapp/'给createRouter()，否则router.push('/home')会跳到/home而非/myapp/home - React Router v6+ 的
<Router>必须用basename="/myapp/"，否则导航和useNavigate全部错位 - 如果构建时已配
build.base: '/myapp/'（Vite）或publicPath: '/myapp/'（Webpack），HTML 中再写<base href="/myapp/">，资源路径会被拼两次，比如/myapp//myapp/assets/index.js
href 值非法会导致 base 标签静默失效，且无任何提示
浏览器对 href 的校验极严：只要不是以 http://、https://、// 或 / 开头，整条 <base> 就被丢弃——控制台不报错，但所有 src="app.js" 全部按当前页面 URL 解析，上线即 404。
立即学习“前端免费学习笔记（深入）”；
- 常见无效写法：
href="assets/"（缺协议）、href="../static"（含..）、href="/myapp"（结尾没斜杠，Firefox 会截断成/myappcss/） - 推荐写法：
href="/myapp/"（根相对，结尾必须带/）、href="https://cdn.example.com/v3/"（绝对 URL，最可控） - 动态插入无效：
document.head.appendChild(baseEl)不起作用，因为解析阶段早已结束
最容易被忽略的是：base 只管 HTML 属性里的相对路径，不管 JS 里写的 fetch('./api')、import()、new URL()，也不管 CSS 里的 @import 或 url()；你看到资源加载失败，90% 是 base 写错了，而不是路由或构建配置的问题。
