最直观验证base标签是否生效的方法是打开DevTools Network面板刷新页面，观察相对路径资源（如<img src="logo.png">）的实际请求URL是否按base href拼接；若未生效则仍基于当前页URL解析，且浏览器对非法href值（如assets/、/subapp）会静默忽略无提示。
直接看 Network 面板里资源请求地址是否被重写
base 标签是否生效，最直观的验证方式就是打开浏览器 DevTools 的 Network 面板，刷新页面，观察 <img src="logo.png">、<script src="app.js"> 这类纯相对路径资源的实际请求 URL。如果 base 生效，请求地址会变成拼接后的完整路径（如 https://example.com/subapp/logo.png）；如果没生效，它还是基于当前页面 URL 拼的（比如页面在 /blog/post.html，就可能发出 /blog/logo.png 请求）。
注意：必须用真实 HTTP(S) 环境测试，file:// 协议下部分浏览器对 base 的解析不一致，结果不可靠。
- 确保
<base>写在<head>最前面，且只出现一次 - 检查
href值是否合法：https://example.com/subapp/或/subapp/（开头和结尾都必须是/） - 不要用
assets/、../static/、/subapp（缺末尾/）这类写法——浏览器静默忽略，无任何提示
用 document.baseURI 确认 base 是否被解析
document.baseURI 是唯一能从 JS 读取 base 生效状态的可靠方式。在控制台执行 console.log(document.baseURI)，返回值应与你写的 <base href="..."/> 完全一致（包括末尾斜杠）。如果返回的是当前页面 URL，说明 base 标签压根没被浏览器识别。
这个值不会受 JS 动态插入影响——document.head.appendChild(...) 添加的 <base> 无效，只认初始 HTML 解析时的声明。
立即学习“前端免费学习笔记（深入）”；
-
document.baseURI和window.location.href永远不同，后者从不因 base 改变 - 它可用于构造路径：
new URL('data.json', document.baseURI)，但不会自动改写fetch()行为 - 若返回值异常，优先检查
<base>是否在<body>里、或被其他标签（如<meta>）意外包裹
别指望 W3C Validator 或 htmlproofer 报 base 错误
W3C Validator 只校验语法，不运行 HTML 解析逻辑，因此对非法 href 值（如 assets/）可能不报错，或只报 “Bad value” 而不说明后果。htmlproofer 更是完全不感知 base 标签——它只按最终请求 URL 发起 HTTP 请求，而 base 是否生效，取决于浏览器如何解析并发起那个请求。
换句话说：工具扫不出 base 失效，但你能看到结果（404）。真正的问题往往藏在“为什么请求发到了错的地方”。
- Network 面板里看到
404，先点开该请求，看 “Initiator” 列是否指向某个src或href属性 - 对比该属性原始值（如
"logo.png"）和实际请求地址，就能反推 base 是否参与了拼接 - 若请求地址明显多了一层路径（如
/subpath//subpath/js/app.js），大概率是构建工具 publicPath 和<base>重复作用了
SPA 部署时最容易漏掉的联动点
Vue Router 或 React Router v6+ 的 createWebHistory('/subpath/') 和 <base href="/subpath/"> 是两套独立机制，缺一不可。只配路由不配 base，JS chunk 加载 404；只配 base 不配路由，router.push('/home') 会跳到根路径，白屏。
更隐蔽的是构建配置干扰：Vite 的 build.base 和 HTML 中手动写的 <base> 同时存在，会导致路径被拼两次；Webpack 的 publicPath 若设为 "/subpath/"，再加 <base href="/subpath/">，也会出同样问题。
- 构建产物中搜索
<base，确认是否被模板引擎或插件重复注入 - 检查生成的
index.html源码，确保<base>的href和框架路由 base、构建工具 publicPath 三者值完全一致 - 本地开发用
vite preview或webpack serve时，base 的行为和生产环境可能不同，务必在真实部署环境验证
