根本原因是HTML规范要求<button>标签未声明type属性时默认为submit，触发表单原生提交；必须显式设置type="button"阻止误提交，否则即使layui监听并阻止，JS执行前仍可能发出POST请求导致405。
为什么layui表单里点按钮会触发405
根本原因不是layui的问题，而是HTML规范本身：只要
典型现象是：点击“取消”“重置”“关闭”这类按钮，页面刷新或报405 Not Allowed；抓包发现发了个POST到当前URL（比如/product/edit?id=123），而这个URL后端只配了@GetMapping，压根没接POST。
- layui的
form.render()和form.on()不改变 - 即使你写了
lay-submit属性，也只影响layui自己的校验逻辑，不阻止原生submit - 错误常出现在模态框内嵌表单场景——因为模态框HTML常被直接塞进
<form>里，按钮一点击就提交
layui中所有按钮必须显式声明type="button"
这是最直接有效的解法，不依赖JS拦截，从源头切断误提交。
把所有非提交用途的按钮都加上type="button"，包括：
- 模态框里的
<button>取消</button>→ 改成<button type="button">取消</button> - 表单内的
<button>重置</button>→ 改成<button type="button">重置</button> - 带
onclick的普通操作按钮，比如<button onclick="doSomething()">导出</button>→ 加上type="button"
注意：<input type="button">天然安全，不用改；但<button>标签必须加type，否则一律按submit处理。
如果必须用<form>标签，提交按钮要配对写method
layui表单常配合form.on('submit(filter)', callback)使用，这时<form>不能删——但得确保它明确声明了请求方法，且后端路由匹配。
-
<form class="layui-form" action="/api/save" method="POST">→method必须大写POST，小写post无效 - 后端Spring Boot对应接口必须是
@PostMapping("/api/save")，不能是@GetMapping或只写@RequestMapping没指定method - 若用
fetch或$.ajax手动提交，<form>的action和method可留空，但按钮仍需type="button"，否则点击瞬间就发原生请求
排查时先看Network里的Request Method到底是什么
别猜，直接看浏览器开发者工具Network面板里那条405请求的Request Method字段：
- 如果是
POST，说明是表单或按钮触发的原生提交，优先查<button>有没有type - 如果是
OPTIONS，说明卡在跨域预检，跟layui无关，要查CORS配置或Nginx是否拦了OPTIONS - 如果
Allow响应头显示Allow: GET, HEAD，证明后端路由确实没开POST，前端改再多也没用
容易被忽略的是：某些CDN或WAF会在Content-Type不匹配时悄悄把POST转成GET再转发，导致你看到的405其实是GET请求被拒——所以同时检查请求头里的Content-Type是否与后端要求一致（比如API要application/json，但你发的是application/x-www-form-urlencoded）。
