表单提交地址由 action 属性决定，它不是可选的“补充信息”，而是浏览器发起请求时必须明确的目标路径。
为什么 action 为空或缺失会导致表单提交失败
浏览器在提交表单时，如果 action 缺失、为空字符串（action=""）或仅含空格，多数现代浏览器会回退到当前页面 URL —— 看似“能提交”，实则容易掩盖路由错误或后端未监听该路径的问题。尤其在单页应用（SPA）中，这种回退行为常导致整页刷新或 404。
-
action为空：浏览器用当前 URL 作为提交目标，但不会自动补全协议或域名，可能触发相对路径解析错误 -
action缺失：同上，且部分旧版浏览器行为不一致（如 IE 可能报错） - 使用
action="."或action="./"：仍属相对路径，实际解析依赖当前 URL 的 path 层级，极易出错
action 值写绝对路径还是相对路径
优先写以 / 开头的**绝对路径**（即从根目录起算），而非相对路径或完整 URL。它兼顾可维护性与环境一致性，避免因部署子目录（如 https://example.com/app/）导致提交地址错位。
- 推荐：
action="/api/login"—— 不管页面在/还是/admin/user/edit，都精准指向根下的接口 - 慎用：
action="api/login"—— 若当前 URL 是/admin/，实际提交到/admin/api/login，后端收不到 - 少用：
action="https://api.example.com/v1/submit"—— 跨域需额外配置 CORS，本地开发时还可能被浏览器拦截
JavaScript 动态改 action 的常见陷阱
用 JS 修改 form.action 或 form.setAttribute('action', ...) 是可行的，但必须在 submit 事件触发前完成，且不能依赖异步操作结果（比如等 API 返回再设 action）。
立即学习“前端免费学习笔记（深入）”；
- 错误写法：
form.addEventListener('submit', async e => { e.preventDefault(); const url = await getActionUrl(); form.action = url; form.submit(); })——form.submit()不触发新的submit事件，但也不会等待 Promise，action很可能还是旧值 - 正确时机：在用户交互（如点击按钮、切换 tab）时就预设好
action，或用同步逻辑计算出路径 - 注意表单重建：用 JS 渲染表单（如 React/Vue）时，
action必须作为初始属性写入，不能靠 useEffect/useEffect 后续 patch
真正麻烦的不是写对 action，而是它和后端路由、反向代理配置、前端路由模式三者咬合不上 —— 比如 Nginx 把 /api/ 代理到后端，但表单写了 action="/backend/login"，那就永远 404。
