action=""提交到浏览器地址栏当前显示的完整URL（含查询参数和hash），而非HTML文件物理路径；例如在https://site.com/admin/users?tab=active#form页面提交，数据即发往该带参URL。
action="" 提交到哪？不是当前 HTML 文件路径
空 action（包括 action=""、action="#"、完全不写）会提交到浏览器地址栏里**此刻显示的完整 URL**，不是你双击打开的 index.html 物理路径，也不是服务器上文件所在目录。比如你在 https://site.com/admin/users?tab=active#form 页面点提交，数据就发往这个带参数和 hash 的地址。
为什么后端收不到或报 405？
常见错误不是后端没写接口，而是：
- 后端只监听 /api/submit 这类专用路径，但表单实际发到了 /admin/users?tab=active，返回 404 或 200 空页
- 当前页面是 GET 请求（比如一个展示页），但表单用默认 method="GET" 或没写 method，后端路由没配 POST 处理逻辑，直接返回 405 Method Not Allowed
- 用了 method="POST" 但后端没处理该 URL 的 POST，同样 405
SPA 里用空 action 会出什么问题？
Vue Router / React Router 的 history 模式下：
- 表单仍会发出原生 HTTP 请求（不是 AJAX），如果后端没配 /dashboard 的 POST 接口，就是 404
- 前端路由守卫（如 router.beforeEach）可能拦截跳转，导致表单请求被静默丢弃，Network 面板看不到任何请求
- 页面整页刷新，所有 JS 状态丢失，React/Vue 组件重新挂载，表单数据清空
怎么安全地用空 action？
只在明确需要前端接管时才留空，并立刻阻止默认行为：
- 必须绑定 submit 事件并调用 event.preventDefault()
- 手动用 fetch 或 axios 发送数据，注意 Content-Type 和字段序列化方式
- 不要依赖 action="" 来“简化代码”，它不会自动帮你做任何拦截或转换
- 如果只是想提交到当前页逻辑接口，显式写 action="/api/submit" 更可靠，也避免和当前 URL 查询参数混淆
最容易被忽略的一点：空 action 不过滤 URL 中已有的 query string，哪怕你只想提交邮箱和密码，也会把 ?page=3&sort=date 一起发过去——后端要么解析失败，要么字段名冲突覆盖。
