base href 值不合法会导致全站相对路径解析失败且无报错提示，唯一有效写法为根相对路径（如 href="/myapp/"）或带尾斜杠的绝对 URL（如 href="https://cdn.example.com/v3/"），且 base 标签必须位于 head 中首个元数据标签位置且仅一个。
base href 值不合法，浏览器直接静默丢弃
所有相对路径（src、href、action）仍按当前页面 URL 解析，结果就是全站资源 404 + 锚点跳转失效，但控制台和 Network 面板里都看不到报错提示。
-
href="assets/"、href="../static"、href="subapp/"：缺协议或非根相对，全部无效 -
href="/myapp"：结尾没斜杠 → Firefox/Opera 会把css/app.css拼成/myappcss/app.css -
href="%PUBLIC_URL%/"：构建未替换，浏览器收到字面量字符串，照样被丢弃 - 唯一有效写法只有两种：
href="/myapp/"（根相对，开头结尾都必须是/）或href="https://cdn.example.com/v3/"（绝对 URL，结尾必须带/）
base 标签位置或数量错误，效果完全丢失
它必须是 <head> 中第一个元数据类标签，且只能有一个；放错位置或重复声明，浏览器不会警告，但行为不可控。
-
<body><base href="/myapp/"></body>：被忽略，毫无作用 - SSR 模板拼接时 header 和 page 各 render 一个
<base>：只有第一个生效，控制台可能提示Multiple base elements detected. Only the first one is used. - 用 JS 动态插入：
document.head.appendChild(baseEl)：已解析的元素（如<img src="x">）不会重算路径，只影响后续新创建的 DOM
a href="#" 或 href="section-id" 点击后页面闪一下、滚动回顶
这不是 JS 没绑事件，而是 <base href="/myapp/"> 把 #section-id 解析成 /myapp/#section-id，触发完整导航——浏览器发现该 URL 没对应 HTML，就重新加载 /myapp/，导致滚动重置。
- 所有以
#开头的href值，在有<base>时都会被拼接进 base URL -
<a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">这种看似绝对实为相对的链接也会被拼接（因不以http://开头），变成非法 URL 导致重载 - 修复方式不是删
<base>，而是改写链接：href="javascript:void(0)"+ 手动绑定 click 逻辑，或对原生<a>调用event.preventDefault()
SPA 部署子路径时，base 与路由配置没对齐
<base href="/myapp/"> 和前端框架的路由 base 是两套独立机制，不自动同步；只配一个，另一个大概率出问题。
立即学习“前端免费学习笔记（深入）”；
- Vue Router：必须显式传
base: '/myapp/'给createWebHistory()，否则router.push('/home')会跳到/home而非/myapp/home - React Router v6+：必须用
<Router basename="/myapp">包裹，否则匹配和跳转全部错位 - Vite 已设
build.base: '/myapp/'，HTML 中再手动加<base href="/myapp/">→ 路径被拼两次，如/myapp//myapp/assets/index.js - Webpack 的
publicPath设为'/'，但 HTML 有<base href="/myapp/">→ chunk 加载地址是/myapp/xxx.js，而文件实际在/xxx.js，必 404
<base> 对路径的影响只发生在 HTML 解析阶段——它不管 fetch('./api')、import()、@import、<iframe src>，也不改 window.location。你以为它“全局生效”，其实只是个很早很早的解析开关，一旦写错，连错误提示都没有。 
