base href未生效是因为其值非法或位置错误：必须以http://、https://、//或/开头且结尾带/，否则浏览器静默丢弃；且必须位于<head>最前、唯一存在，仅影响其后纯相对路径（如href="style.css"），对根相对、绝对及协议相对路径无效。
base href 为什么没让 正确加载
因为 <base> 标签根本没生效——最常见原因是 href 值非法或位置错误。浏览器对 <base href=""> 的校验极其严格：只要不是以 http://、https://、// 或 / 开头，整条标签就被静默丢弃，控制台不报错，但所有 <link href="main.css"> 仍按当前页面 URL 解析，上线后批量 404。
常见无效写法包括：href="assets/"、href="dist/css/"、href="https://example.com"（结尾缺斜杠）、href="%PUBLIC_URL%/"（未被构建工具替换，字面量发到浏览器）。
✅ 正确写法只有三类：href="https://cdn.example.com/v3/"（推荐，绝对 URL 最稳）、href="/myapp/"（根相对路径，结尾斜杠不能少）、href="//cdn.example.com/v3/"（协议相对，适合混合环境）。
link 标签的 href 是纯相对路径才受 base 控制
<base> 只重写“纯相对路径”，即不以 /、: 或协议开头的值。这意味着：
立即学习“前端免费学习笔记（深入）”；
-
<link href="style.css">✅ 受控 → 解析为base.href + "style.css" -
<link href="/css/style.css">❌ 不受控 → 直接拼到域名根下，和base无关 -
<link href="https://cdn.com/style.css">❌ 不受控 → 绝对 URL，直接使用 -
<link href="./theme.css">✅ 受控（.开头仍是纯相对路径）
特别注意：<link rel="icon">、<link rel="preload"> 同样遵循该规则，但 rel="prefetch" 或 rel="modulepreload" 的行为一致，不额外例外。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
多个 link 标签顺序错了，base 就白写了
<base> 必须是 <head> 的第一个子元素，否则它之后的 <link> 才能被影响。如果写成：
<head> <title>Page</title> <base href="/static/"> <link rel="stylesheet" href="main.css"> </head>
那么 <title> 不受影响，但更严重的是：如果之前已有其他 <link>（比如 SSR 模板里提前注入的），那些资源早已按原始页面 URL 解析完毕，<base> 对它们完全无效。
正确顺序必须是：
<head> <base href="https://cdn.example.com/v3/"> <title>Page</title> <link rel="stylesheet" href="main.css"> <link rel="icon" href="favicon.ico"> </head>
服务端模板拼接、Vue/React 组件内动态 v-html 插入、或 SSR 多次渲染时，极易重复注入 <base> —— 浏览器只认第一个，其余静默丢弃，Chrome 控制台会提示 Multiple base elements detected. Only the first one is used.。
CSS 文件里的 @import 和 url() 行为完全不同
<link rel="stylesheet" href="main.css"> 中的 href 受 <base> 控制，但 main.css 文件内部的路径处理是另一套逻辑：
-
@import "reset.css";❌ 不受<base>影响 → 仍相对于main.css自身所在路径解析 -
background: url(avatar.jpg);✅ 受<base>影响 → 这是唯一穿透进 CSS 的情况，解析为base.href + "avatar.jpg" -
src: url(font.woff2);✅ 同样受控（CSS 中所有url()函数都走 HTML 解析阶段的基准重写）
所以即使 <base href="/cdn/"> 生效，也不能指望它把 CSS 里的 @import 也指向 CDN；那部分必须靠构建工具重写或手动改路径。很多线上样式丢失问题，根源就在这里——误以为 <base> 是全局路径代理，其实它连 JS 的 import('./utils.js') 都管不了。
