base标签会静默将form的相对action路径以href值为基准拼接，导致提交地址错误；/开头的action不受影响，空或省略action也受其影响，且base target属性会影响所有表单提交方式。
base标签会让form的action相对路径“悄悄变绝对”
浏览器解析 action 值时，如果它是相对路径（比如 action="api/login" 或 action="./submit"），就会以当前页面 URL 为起点拼接。但一旦页面中存在 <base href="/myapp/">，这个“当前页面 URL”就失效了——所有相对 action 都会改以 base href 的值为起点。
常见错误现象：action="api/login" 在没 <base> 时提交到 /admin/api/login（当前页是 /admin/），加了 <base href="/myapp/"> 后却变成 /myapp/api/login，后端收不到请求，返回 404。
-
action以/开头（如action="/api/login"）：完全不受<base>影响，始终从域名根开始解析 -
action不以/开头（如action="api/login"、action="../submit"）：会被<base>劫持，拼到base href后面 -
action是空字符串（action=""）或省略：等价于当前页 URL，而当前页 URL 的解析也受<base>影响——所以它同样会被重写
base + form action 混用时的跨域和 404 真实原因
很多人看到表单提交失败，第一反应是 CORS，但真正的问题往往更底层：请求根本没发到你的后端服务上。
典型场景：页面部署在 CDN，你写了 <base href="https://cdn.example.com/assets/">，又用了 action="submit.php"。结果浏览器把请求发到了 https://cdn.example.com/assets/submit.php——CDN 不处理 POST，直接 404，控制台还看不到 CORS 报错（因为压根没跨域，只是发错了地址）。
立即学习“前端免费学习笔记（深入）”；
- 检查 Network 面板里实际发出的请求 URL，对比你预期的后端地址，看是否多出了 base 前缀
- 如果后端 API 和前端静态资源不在同一域名下，
<base>的href绝对不能指向 CDN 域名，否则所有相对action都会发错地方 - 反向代理（如 Nginx）配置了路径重写时，
<base href="/myapp/">可以让相对action自动对齐代理前缀，但前提是后端真实接口也暴露在/myapp/api/...下，否则仍是 404
如何安全地在 SPA 中使用 base 标签配合 form 提交
SPA 项目里 <base> 不是可选项，而是必须项，但它和路由、构建配置之间差一个字符就会出问题。
比如 Vue Router 设了 createWebHistory('/myapp/')，Vite 构建设了 build.base: '/myapp/'，但 HTML 里漏写了 <base href="/myapp/">，那么 action="api/login" 仍会按原始页面路径解析，导致提交地址错乱。
-
<base href="/myapp/">的href必须以/开头、以/结尾，否则浏览器静默忽略 - 不要手动在 HTML 中硬写
<base>，而应通过构建工具注入：Vite 用html.inject，Webpack 用HtmlWebpackPlugin的templateParameters - 如果表单需要无刷新提交（比如用
fetch），action依然要写成合法后端地址（如action="/myapp/api/login"），再用event.preventDefault()拦截——别指望靠action="javascript:void(0)"来“阻止提交”，那只会发个 GET 到无效路径
容易被忽略的 target 属性连锁反应
<base target="_blank"> 不只影响 <a> 标签，它会让所有没显式声明 target 的 <form> 提交也跳转到新窗口——包括你写的登录表单、搜索框，甚至第三方 UI 组件里的表单。
现象是：点提交按钮，页面没反应，但新标签页打开了，且地址栏显示的是提交目标 URL（比如 /myapp/api/login?username=xxx）。这是因为 GET 提交把参数拼进了 URL，而 target="_blank" 强制新开页。
- 删掉
<base target="...">，需要新窗口的地方显式写target="_blank" rel="noopener" - 如果非要用全局
target，务必确认所有表单都加了target="_self"或对应逻辑拦截 -
method="POST"表单在<base target="_blank">下也会新开页，只是地址栏看不到参数——但用户流程已被打断
