<base>标签只能静态声明且必须在HTML解析阶段生效，无法通过JS动态修改；删除后仅影响后续新发起的请求，已发出的资源请求不会回滚。
直接用 JavaScript 删除 <base> 标签
HTML 中的 <base> 标签只能出现在 <head> 内，且浏览器只认第一个（后续会被忽略）。要删除它，不能靠 HTML 操作，必须用 JS 动态移除 DOM 节点。
最稳妥的方式是定位到第一个 <base> 元素并调用 remove()：
const baseEl = document.querySelector('base');
if (baseEl) {
baseEl.remove();
}
注意：这个操作必须在 <base> 已被解析进 DOM 后执行，比如放在 <body> 底部、DOMContentLoaded 回调里，或 setTimeout 延迟一小会儿（极少数情况下 DOM 尚未就绪）。
为什么不能用 document.write() 或重写 <head>？
试图用 document.write() 清空再重写整个 <head> 会破坏已加载的样式表、脚本和元信息，还可能触发页面重绘甚至重载；而用 innerHTML 替换 <head> 内容会导致所有已绑定事件、动态注入的 CSS/JS 失效，<base> 虽然没了，但代价太大。
立即学习“前端免费学习笔记（深入）”；
-
<base>的作用是在解析相对 URL 时提供基准地址，一旦页面开始加载资源（比如图片、CSS、AJAX），它的影响已经发生 - 即使删掉
<base>，已发起的请求不会回滚，后续新发起的请求才按新规则解析 - 某些浏览器（如旧版 IE）不支持
remove()，需改用parentNode.removeChild(baseEl)
删除后相对 URL 解析行为会变吗？
会，但仅影响删除之后新创建的元素或新发起的请求。例如：
- 已存在的
<a href="page.html">链接点击时仍按原<base>解析（除非你手动重写href） - 后续通过 JS 创建的
fetch('./api/data.json')将以当前页面 URL 为基准，而不是原来<base>指定的地址 -
<img src="logo.png">如果是后来用 JS 插入的，其路径会按当前文档 URL 解析
也就是说，删除 <base> 不是“撤销历史”，而是“切换未来行为”。如果你正调试路由跳转或资源加载异常，得确认问题是否出在删除前已发出的请求上。
服务端渲染或单页应用中要注意什么？
在 React/Vue 等框架中，如果 <base> 是由服务端注入或首次渲染时动态插入的，客户端 JS 删除它后，下次路由跳转（尤其是使用 history.pushState）可能因 base 路径不一致导致 404 或白屏。
- Next.js / Nuxt 等默认不依赖
<base>，但若手动加了，务必同步更新路由配置中的basePath或router.base - Webpack 的
publicPath和<base>无关，但两者都影响资源加载路径，容易混淆 - 某些 CMS（如 WordPress）主题会自动注入
<base href="/>，删之前先确认是否被其他逻辑依赖
真正麻烦的不是删不掉，而是删完之后没人检查后续资源加载是否悄悄失败了——控制台 Network 面板里那些 404 的 js 或 css 请求，往往就是线索。
