Laravel中AJAX提交表单报错：路由不支持POST方法

算力阿峰

2026-8-1

解决AJAX提交模态框表单提示「路由不支持POST方法」的问题

排查与修复步骤

核对路由定义
确保路由文件中用Route::post()明确定义接收请求的路由，而非get或其他方法。示例：
```
// 正确的POST路由写法
Route::post('/submit-modal-form', [YourController::class, 'handleSubmit'])->name('modal.submit');
```
运行php artisan route:list命令，确认目标路由的HTTP方法包含POST，避免路由被重复定义覆盖。

校验AJAX请求的URL与方法
保证AJAX代码中请求URL与路由匹配，且请求方法为POST：

$.ajax({
    url: "{{ route('modal.submit') }}", // 用路由名称生成可靠URL，避免手动拼接出错
    method: 'POST', // 必须明确设置为POST
    data: {
        // 表单字段数据
        _token: "{{ csrf_token() }}"
    },
    success: function(res) {
        // 处理成功逻辑
    }
});

确保CSRF令牌正确传递
除了表单内添加@csrf，AJAX请求必须携带令牌，两种可靠方式：
1. 在AJAX的data参数中直接传入_token: "{{ csrf_token() }}"
2. 页面头部设置meta标签，让所有AJAX请求自动携带令牌：
```
<meta name="csrf-token" content="{{ csrf_token() }}">
```
```
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
```
检查中间件限制
排查全局中间件是否存在拦截POST请求的规则，可临时注释全局中间件测试，确认是否为中间件导致的请求被拦截。
检查表单提交事件绑定
确认没有重复绑定表单提交事件，且event.preventDefault()阻止默认提交后，AJAX的请求方法未被错误修改，需与预期的POST保持一致。