base href必须是绝对url或以/开头且结尾带斜杠的根相对路径，否则浏览器静默忽略；仅影响html中纯相对路径属性（如src、href），对js/css运行时路径无效；需与前端路由base配置协同，否则导致资源404和路由异常。
base href 必须是绝对 URL 或以 / 开头且结尾带斜杠的根相对路径，否则浏览器静默忽略——资源 404 时你甚至看不到错误提示。
href 值必须严格符合格式要求
浏览器只接受四种开头的 href 值：以 http://、https://、// 或 / 开头。其他写法（如 static/、../assets/、%PUBLIC_URL%/）整条 <base> 都被丢弃，不报错也不警告。
-
https://cdn.example.com/v3/✅ 推荐，协议、域名、路径明确，CDN 场景最稳 -
/myapp/✅ 合法根相对路径，结尾斜杠不能少（缺斜杠在 Firefox 中会拼出/myappcss/app.css这类错误） -
//cdn.example.com/v3/✅ 协议相对，自动继承当前页协议，适合混合 HTTP/HTTPS 环境 -
http://localhost:3000/✅ 本地开发可用，避免和后端路由冲突 -
/myapp❌ 缺结尾斜杠，Firefox/Opera 截断拼接 -
assets/❌ 无协议无根路径，直接失效 -
%PUBLIC_URL%/❌ 模板变量未被服务端替换，发到浏览器就是字面量字符串，非法
base 标签必须放在 最顶部且唯一
<base> 的作用是重置 HTML 解析器对后续所有相对 URL 的基准起点，所以它必须是 中第一个元数据类标签。位置错或重复，等于没写。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 正确顺序：
<base href="/myapp/"> <title></title> <link href="style.css"> - 放
<meta>或<title></title>后面 → 已解析的<link>不受控 - 放进
→ 浏览器直接忽略，控制台可能无提示 - 多个
<base>→ 只有第一个生效，Chrome 控制台提示Multiple base elements detected. Only the first one is used. - SSR 或组件模板中重复注入（如 header 和 page 各 render 一个）→ 后续的全被丢弃
哪些路径受 href 影响，哪些完全不受控
<base> 只在 HTML 解析阶段起作用，影响范围非常明确：仅覆盖属性值中的纯相对路径（如 src="logo.png"），对 JS/CSS 运行时路径无效。
- ✅ 受影响：
<img src="logo.png">、<script src="app.js"></script>、<link href="theme.css">、<form action="submit.php"></form>、CSS 中的background: url(avatar.jpg) - ❌ 完全不受影响：
fetch('./api/data.json')、import('./utils.js')、new Worker('./worker.js')、CSS 中的@import "reset.css"、<iframe src="page.html"></iframe> - ⚠️ 特别注意：
href="/admin"这类根相对路径根本不受<base>控制，它始终拼到当前域名下 - ⚠️
document.baseURI会返回href值，可用于构造 URL（如new URL('data.json', document.baseURI)），但window.location和document.URL完全不变
SPA 部署时 href 和前端路由配置必须协同
Vue Router v4+、React Router v6+ 的 base 配置项与 HTML 的 <base href="/subpath/"> 是两套独立机制，不自动同步。只配一个，大概率出问题。
-
<base href="/myapp/">主要确保<script src="js/app.js"></script>正确加载，否则 chunk 404 - Vue Router 必须显式传入
createRouter({ base: '/myapp/' })，否则router.push('/home')会跳到根路径 - Webpack/Vite 构建时用
publicPath或base配置自动重写 HTML 中的<base>，比手写更可靠 - 微前端场景下，子应用若同时设了 Webpack
publicPath和<base href="/subpath/">，资源路径可能被拼两次（如/subpath/subpath/js/app.js） - Service Worker 若依赖
self.location.origin + '/subpath/'做预缓存，而 HTML 没配<base>，缓存路径就错位
最容易被忽略的是：浏览器对非法 href 值的处理是静默丢弃，不是报错；而 SPA 项目里，HTML 的 <base> 和 JS 路由配置稍有不一致，就会同时出现资源 404 和路由跳转异常两个问题，排查时容易各自为政。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
