标签仅改写html中硬编码的相对路径解析基准，必须为绝对url或根相对路径（如/subapp/），否则静默失效；它不影响js动态加载、css @import等，spa部署时需与路由配置严格对齐，优先用构建工具处理路径。
<base> 标签不是为“解决 CSS 找不到”而设计的补救手段，它只是改写 HTML 中相对路径的解析基准——用错或滥用反而会让 <link rel="stylesheet"> 加载更不稳定。
base href 必须是绝对 URL 或根相对路径，否则静默失效
浏览器只接受两种合法格式：https://example.com/subapp/（带协议、域名、结尾斜杠）或 /subapp/（以 / 开头和结尾）。其他写法一律被忽略，不报错也不警告。
-
<base href="static/">→ 缺协议和根路径，标签被丢弃，<link href="style.css">仍按当前页面 URL 解析，大概率 404 -
<base href="/subapp">→ 缺末尾/，Firefox/Opera 会把css/app.css拼成/subappcss/app.css -
<base href="../assets/">→ 含..，规范禁止，直接忽略
哪些 CSS 引用真受 base 影响，哪些完全不受控
<base> 只在 HTML 解析阶段生效，仅作用于硬编码的相对路径（既无协议、也无 / 开头），不是运行时重写器。
- ✅ 真受影响：
<link href="style.css">、<img src="logo.png">、CSS 文件内background: url(icon.jpg)（注意：这是 HTML 解析时 resolve 的，不是 CSS 引擎自己处理） - ❌ 完全不受控：
import('./utils.js')、fetch('./api/data.json')、@import "reset.css"、<iframe src="page.html"></iframe> - ⚠️ 半受影响：
document.baseURI会返回<base href>值，可用于new URL('data.json', document.baseURI)，但window.location和document.URL完全不变
SPA 部署子路径时，base 标签和前端路由必须严格对齐
Vue Router 的 createWebHistory('/subpath/') 和 HTML 的 <base href="/subpath/"> 是两套独立机制，互不同步。只配一个，另一个几乎必然出问题。
- 没配
<base href="/subapp/">→ chunk 文件如app.123.js加载 404（路径错位） - 只配
<base href="/subapp/">，没设 Vue Router 的base→router.push('/home')跳到根路径，白屏 - Webpack
publicPath: '/subapp/'+<base href="/subapp/">→ 资源路径被拼两次，变成/subapp//subapp/js/app.js
优先用构建工具而非 base 标签处理路径
硬塞 <base> 是“补丁式”方案，容易掩盖路径管理混乱的本质问题。Vite 的 base: '/subpath/'、Webpack 的 publicPath 已在构建阶段重写所有资源路径，此时再加 <base> 属于重复干预，风险叠加。
真正该先排查的，是 <link href="...">> 中的路径是否与 HTML 文件位置匹配——比如 dashboard.html 在 views/ 目录，CSS 在 static/css/，那就该写 href="../static/css/style.css"，而不是靠 <base> 强行拉平。
最易被忽略的一点：base 标签必须放在 内、所有依赖它的标签（如 <link>、<script></script>）之前；重复声明或位置错误，浏览器不会提示，但效果丢失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
