document.baseuri是唯一可靠、标准且可直接读取页面实际生效基准url的方法，它返回浏览器解析后最终确定的基准地址，而非base.href原始值；若无有效标签或其href非法、位置错误、数量超限，document.baseuri自动回退为当前页面url。
document.baseURI 是唯一可靠、标准且可直接读取页面基础 URL 的方法，它返回浏览器实际解析后生效的基准地址，而不是你写的 <base href="..."> 值本身。
为什么不能直接读 base.href？
页面中可能没有 <base> 标签，也可能写了但被浏览器静默忽略（比如 href 值不合法），还可能写了多个，但只有第一个生效。直接查 DOM 中的 base.href 会得到原始字符串，无法反映真实解析结果。
而 document.baseURI 是浏览器在完成 HTML 解析后确定的最终基准，它已综合了：
– 是否存在有效 <base> 标签
– 该标签是否位于 最顶部
– href 值是否为绝对 URL 或合法根相对路径（以 / 开头且结尾带 /）
– 若无有效 <base>，则回退为当前页面 URL
如何验证 <base> 是否真正生效
打开开发者工具控制台，执行：
document.baseURI
如果返回值与你期望的基准一致（如 "https://example.com/app/" 或 "http://localhost:3000/myapp/"），说明 <base> 已正确加载并被浏览器采纳；否则说明它被忽略了。
- 常见失效原因包括：
href写成"assets/"（缺协议或根斜杠）、"../static/"（含..）、"/myapp"（结尾没斜杠） - 检查
<base>是否在中第一个位置——若前面有<title></title>或<meta>，它就无效 - 多个
<base>标签时，控制台可能提示"Multiple base elements detected. Only the first one is used."
document.baseURI 的行为边界
这个属性只反映 HTML 解析阶段的基准，它不改变 JS 运行时行为：
- ✅ 影响：
<img src="logo.png">、<a href="about.html"></a>、<link href="style.css">、<script src="main.js"></script> - ❌ 不影响：
fetch('./api')、import('./module.js')、new Worker('./worker.js') - ⚠️ 特殊：CSS 中的
url(logo.png)会被重写，但这是 CSS 解析器基于document.baseURI的二次处理，不是 JS 可控的
本地开发时 file:// 协议下的陷阱
当用双击打开 HTML 文件（即 file:///D:/project/index.html），<base href="https://cdn.example.com/"> 仍可工作，但 <base href="./assets/"> 或 <base href="/assets/"> 很可能失效——因为不同浏览器对 file:// 下的相对路径解析规则不一致，且 /assets/ 会被解释为磁盘根目录。
此时 document.baseURI 返回的是 file:///D:/project/index.html，而非你预期的 file:///D:/project/assets/。真正可靠的本地调试方式是起一个本地 HTTP 服务（如 npx serve 或 VS Code Live Server），让协议回归 http://。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
