标签用于为页面中所有相对url指定统一基准地址，必须置于内且最多一个；支持href和target属性，仅影响相对url，spa项目中慎用。
正确使用 base 标签设置全局基准路径
在 内添加如下代码即可生效：
此后，页面中所有相对链接都会以该地址为起点解析。例如：
-
<img src="logo.png">→ 实际加载https://example.com/assets/logo.png -
<a href="about.html"></a>→ 跳转到https://example.com/assets/about.html -
<script src="main.js"></script>→ 加载https://example.com/assets/main.js
注意 target 属性可统一控制链接打开方式
除了 href，href 或 form action 的链接默认打开方式：
这样所有相对链接（如 <a href="contact.html"></a>）都会在新标签页中打开。
常见误区与注意事项
- base 只影响相对 URL，绝对 URL（含协议或以
/开头）不受影响 - 多个
标签时，只有第一个生效，其余被忽略 - SPA（如 Vue/React）项目中慎用，可能干扰前端路由；建议优先用构建工具处理路径
- 本地开发时若用
file://协议，base 的 href 必须是绝对路径（如file:///D:/project/），否则可能失效
动态设置 base 的替代方案（不推荐但可行）
若需运行时确定 base 地址，可用 JavaScript 在 DOM 加载前插入（必须早于其他资源）：
<script>document.write('<base href="' + location.origin + '/app/' + '">');</script>但这种方式破坏语义、影响 SEO 和预加载，仅作临时调试参考。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
