标签仅在href以/、http://、https://或//开头且位于首位时生效，否则静默失效；它只影响html解析阶段的相对路径，对js运行时路径无效，且与构建工具或路由配置冲突会导致路径叠加错误。
<base> 标签能解决 <script src="app.js"></script> 这类相对路径加载失败的问题，但必须满足三个硬性条件：值合法、位置正确、不与其他机制冲突。否则它不会报错，只会静默失效，所有脚本 404。
怎么写href才被浏览器真正识别
浏览器只接受以 https://、http://、// 或 / 开头的 href 值，且根相对路径必须以 / 开头并以 / 结尾。
-
/myapp/✅ 合法（注意结尾斜杠，缺了 Firefox 可能拼成/myappjs/app.js） -
https://cdn.example.com/v3/✅ 合法（协议、域名、路径完整，结尾带/） -
//cdn.example.com/v3/✅ 合法（协议相对，自动继承当前页 http/https） -
assets/❌ 静默丢弃（相对路径，不以四种前缀之一开头） -
%PUBLIC_URL%/❌ 若构建未替换，浏览器收到字面量字符串，直接丢弃 -
/myapp❌ 缺末尾斜杠，部分浏览器截断路径，导致js/app.js解析为/myappjs/app.js
<base> 放错位置等于没写
它只影响它之后出现在 中的标签，且解析阶段一过就不可逆。
- 必须是
中第一个标签，前面不能有<meta>、<title></title>或任何其他元素 -
<link href="main.css"> <base href="/app/">→main.css已按原始页面 URL 解析完毕，不受控 - 写在
里 → 浏览器完全忽略，无提示 - 用 JS 动态插入（如
document.head.appendChild(baseEl)）→ 解析早已完成，无效 - 多个
<base>→ 仅第一个生效，Chrome 控制台会提示Multiple base elements detected. Only the first one is used.
哪些 <script></script> 真受影响，哪些完全不受控
<base> 只改 HTML 解析时的纯相对路径，对 JS 运行时路径毫无作用。
- ✅ 真受影响：
<script src="app.js"></script>、<script src="js/bundle.js"></script>（不以/、http、:开头） - ✅ 也受影响：
<link href="style.css">、<img src="logo.png">、CSS 中的background: url(icon.svg) - ❌ 完全不受控：
import('./utils.js')、fetch('./api/data.json')、new Worker('./worker.js') - ⚠️ 半受影响：
document.baseURI返回<base href>的值，可用于构造 URL：new URL('data.json', document.baseURI)
和构建工具或前端路由重复配置会出大事
Webpack 的 publicPath、Vite 的 base、Vue Router 的 base、React Router 的 basename，如果和 HTML 中的 <base href> 值相同，会导致路径被叠加两次。
-
<base href="/myapp/">+ WebpackpublicPath: '/myapp/'→/myapp//myapp/js/app.js（双斜杠触发 404） -
<base href="/myapp/">但 Vue Router 没配base: '/myapp/'→ 页面跳转仍去根路径，白屏 - SPA 部署子路径时，优先用构建工具统一输出路径，而非手写
<base>；若必须用，三者（HTML base、构建 publicPath、路由 base）必须严格一致
最容易被忽略的是：它不报错。一个非法的 <base href="assets/"> 写进去，控制台干干净净，Network 面板里看到的请求路径“看起来合理”，但全是错的——因为浏览器根本没认它，退回到用当前页面 URL 解析所有相对路径。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
