React向Laravel发送POST请求却被识别为GET请求的问题排查

以下是针对你遇到的问题的具体排查步骤和解决方法：

• 检查Fetch请求的核心配置
  确保你的fetch请求正确设置了请求方法、请求头和序列化的JSON body，任何配置疏漏都可能导致默认使用GET请求：

  fetch('/your-route-path', {
    method: 'POST', // 必须明确指定为POST，拼写错误或遗漏会默认用GET
    headers: {
      'Content-Type': 'application/json', // 告诉Laravel请求体是JSON格式
      'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
    },
    body: JSON.stringify({ data: 'your-content' }) // JSON必须序列化后传入
  })
  

• 校验Laravel路由配置

  1. 确认路由确实定义为POST类型：

     Route::post('/your-route-path', [YourController::class, 'testMethod']);
     

  2. 检查是否存在同路径的GET路由，Laravel会优先匹配先定义的路由，若GET路由在前，会导致请求被错误匹配。
  3. 清除路由缓存：执行php artisan route:clear，如果之前用过route:cache命令，缓存的旧路由规则可能会覆盖新配置。

• 排查CSRF令牌导致的跳转问题
  Laravel会拒绝无有效CSRF令牌的POST请求，并返回302重定向，浏览器会自动跟进重定向且默认使用GET方法，最终导致请求被识别为GET：

  • 确保页面中存在正确的CSRF meta标签：<meta name="csrf-token" content="{{ csrf_token() }}">
  • 临时在app/Http/Middleware/VerifyCsrfToken.php中将测试路由加入例外列表，验证是否是CSRF问题：

    protected $except = [
        '/your-route-path',
    ];
    

    如果此时请求能被识别为POST，说明是CSRF令牌的传递或验证出现问题。

• 检查URL路径一致性
  若请求URL末尾带斜杠（如/your-route-path/），而路由定义不带斜杠（/your-route-path），Laravel会触发301重定向到不带斜杠的路径，重定向默认使用GET方法，导致最终请求被识别为GET。解决方法：统一请求URL和路由定义的路径格式，要么都带斜杠，要么都不带。

• 排查中间件与服务器配置

  1. 检查是否有自定义中间件修改了请求方法，比如某些第三方中间件或自定义逻辑可能会篡改请求类型。
  2. 验证服务器（Nginx/Apache）的重写规则，确保请求方法被正确传递，没有错误的重定向规则将POST转为GET。

内容的提问来源于stack exchange，提问作者Rhmynt