base href 配错会导致 router.push() 跳转地址错误、锚点链接触发页面刷新、资源加载 404 等问题，因其仅影响 HTML 解析阶段的相对路径，与路由 base、fetch、import 等运行时路径无关，且必须严格匹配末尾斜杠。
base href 配错会导致 router.push() 跳转地址错误
Vue Router 或 React Router v6+ 的 router.push('/home') 生成的 URL，取决于你传给 createWebHistory() 的 base 参数，而不是 document.baseURI。但如果你 HTML 里写了 <base href="/myapp/">，而路由没配一致，跳转会直接指向根路径（比如 https://example.com/home），而不是预期的 https://example.com/myapp/home。
这不是框架 bug，而是两套机制割裂：HTML 解析层用 <base>，路由运行时用自己配置的 base。它们互不读取、互不校验。
-
createWebHistory('/myapp/')和<base href="/myapp/">必须字面量完全一致（包括末尾斜杠） - 若用 Vite 构建且已设
build.base: '/myapp/'，HTML 中再手动加<base>会导致路径被拼两次（如/myapp//myapp/js/app.js） - Webpack 项目中，
publicPath: '/'和<base href="/myapp/">同时存在 → chunk 加载地址变成/myapp/xxx.js，但实际文件在/xxx.js，必 404
锚点链接 href="#section2" 点击后页面刷新或滚顶
这是最隐蔽的静默故障：你写的是锚点跳转，浏览器却触发了完整页面导航。根本原因是 <base href="/myapp/"> 把 #section2 解析成了 /myapp/#section2 —— 浏览器认为这是个新 URL，于是重新加载 /myapp/，滚动重置。
它不报错、不警告，只在 Network 面板里看到一次无意义的 HTML 请求。
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
- 所有以
#开头的href值，在有<base>时都会被拼接进 base URL - 修复不是删
<base>，而是改写链接：<a href="javascript:void(0)" onclick="document.getElementById('section2').scrollIntoView()"></a> - 或用
event.preventDefault()拦截原生行为，再手动 scroll
资源加载 404 却查不到 network 请求异常
浏览器对非法 href 值（如 <base href="assets/">、<base href="/myapp">）是静默忽略的——整条标签失效，控制台零提示。结果就是所有 <img src="logo.png" alt="base 标签 href 属性在单页应用 URL 路由解析中的全局影响排查" >、<script src="app.js"></script> 仍按当前页面 URL 解析，部署在子路径时必然 404。
检查方法很简单：打开 DevTools → Network → 刷新页面 → 看 JS/CSS 图片请求的发起 URL 是否符合你部署的实际路径。
-
<base href="/myapp/">✅（结尾必须带/） -
<base href="https://cdn.example.com/v3/">✅（绝对 URL，推荐 CDN 场景） -
<base href="../static/">❌（含..，被忽略） -
<base href="/myapp">❌（缺末尾/，Firefox 可能截断成/myappcss/app.css）
<base> 不影响 fetch、import、CSS @import 等运行时路径
很多人以为设了 <base href="/v2/"> 就能“统一全站路径”，结果发现 fetch('./api/user') 还是发到根路径，import('./utils.js') 加载失败。这是因为 <base> 只在 HTML 解析阶段生效，只改写硬编码在 HTML 属性里的纯相对路径（即不以 /、: 或协议开头的值）。
JS 模块导入、网络请求、Worker 创建、CSS @import 全部绕过它，各自按自身文件位置或当前 origin 解析。
- 受影响的：
<img src="icon.png" alt="base 标签 href 属性在单页应用 URL 路由解析中的全局影响排查" >、<link href="style.css">、CSS 中background: url(avatar.jpg)（注意：这是 HTML 解析时计算的） - 完全不受影响：
fetch('./data.json')、import('./utils.js')、@import "reset.css"、<iframe src="/admin/frame.html"></iframe> - 动态创建的元素（如
document.createElement('img').src = 'logo.png'）也不走<base>规则
<base> 标签只在 HTML 解析那一刻起效，之后任何 JS 动态行为、模块加载、网络请求都和它无关。它不是中间件，也不是运行时代理。 
