base标签仅在html解析阶段重置纯相对url（如logo.png）的解析起点，必须为绝对url或根相对路径（以/开头且结尾带/），否则静默失效；它不影响js/css运行时路径、fetch、import等动态行为。
base 标签只改 HTML 解析时的相对 URL，不碰 JS 运行时逻辑
它不是全局路径代理，而是浏览器在解析 HTML 文档那一刻，对 <img src="a.png">、<link href="style.css">、<a href="page.html"></a> 等属性中相对路径做一次“重定向拼接”的前置动作。拼完就完了，后续 JS 里调用 fetch('./api') 或 import('./utils.js') 完全不受影响——它们按当前页面 URL 解析。
常见误判是以为加了 <base href="/app/"> 后，所有路径都自动带前缀，结果发现 API 请求 404、动态 import 失败，就是因为混淆了 HTML 静态解析和 JS 运行时两个阶段。
href 值必须以 / 开头，否则浏览器静默忽略
只要 href 不是以 http://、https://、// 或 / 开头，整个 <base> 标签就被丢弃，你不会看到控制台报错，但所有相对路径仍按当前页面 URL 解析，最终大量资源 404。
-
<base href="static/">→ 无效（缺协议和根斜杠） -
<base href="../assets">→ 无效（含..） -
<base href="https://example.com/app">→ 有风险（结尾没/，Firefox 可能截断成https://example.com/appcss/） -
<base href="https://example.com/app/">→ 安全 -
<base href="/app/">→ 可用，但部署到不同域名或子路径时需同步调整
target 属性会影响 form 和 iframe，不只是 a 标签
<base target="_blank"> 不仅让 <a></a> 新窗口打开，还会导致：
-
<form action="submit.php"></form>提交后跳转到新页（即使没写target） -
<iframe src="embed.html"></iframe>的加载行为也受其约束 - 所有未显式声明
target的交互元素默认继承该值
这点容易被忽略，尤其在表单提交场景下，可能意外打断用户流程。
SPA 部署子路径时，base 标签和前端路由必须配对设置
Vue Router 的 base: '/subpath/' 和 HTML 中的 <base href="/subpath/"> 是两套独立机制，缺一不可：
- 只设
<base href="/subpath/">：JS chunk 加载正常，但router.push('/home')会跳到/home（根路径），不是/subpath/home - 只设 Vue Router
base：路由跳转正常，但<script src="index.js"></script>404（找不到/index.js，实际应在/subpath/index.js） - 微前端场景下还要小心 Webpack 的
publicPath，三者重复拼接会导致路径变成/subpath/subpath/js/app.js
真正麻烦的不是配置本身，而是构建产物、CDN 缓存、Service Worker 预缓存路径全部依赖这个前缀的一致性——漏掉一个环节，就出现资源加载失败或路由白屏。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
