设置BASE标签统一路径管理方法

本文深入解析了HTML中``标签的正确用法与常见陷阱：它必须是绝对URL或以`/`开头的根相对路径，且须置于``最前端、唯一存在，否则将被浏览器静默忽略，引发资源404；它仅影响HTML属性中纯相对路径（如`src`、`href`、`background: url()`）的初始解析，对JS动态请求、CSS `@import`、Web Worker等完全无效；尤其在SPA和微前端场景下，切忌混淆``与框架路由`base`或构建工具`publicPath`，应优先通过构建配置统一管理路径，避免双重拼接或行为错位——掌握这些细节，才能让页面资源加载稳如磐石。

base href 必须是绝对 URL 或以 / 开头的根相对路径

浏览器只接受 href 值以 http://、https://、// 或 / 开头，否则整个 标签会被静默忽略——你不会看到控制台报错，但所有 都会按当前页面 URL 解析，结果就是 404。

常见错误写法：

• href="static/"（缺协议和域名，被忽略）
• href="../assets/css/"（含 ..，被忽略）
• href="https://example.com"（结尾没斜杠，Firefox/Opera 会截断成 https://example.comcss/）

✅ 正确写法示例：

• （推荐，明确可控）
• （合法，结尾必须带 /）
• （协议相对，自动继承当前协议）

base 标签必须放在 最前面，且只能有一个

HTML 解析是自上而下的， 的作用是为“后续所有相对 URL”重置解析起点。如果它写在 后面，那这个 CSS 就已经按原页面 URL 解析完了， 对它完全无效。

必须满足：

• 位置：严格置于 内，且是第一个元数据类标签（早于