React+Laravel无法插入数据：POST请求莫名转为GET

从你遇到的情况来看，POST请求被自动转为GET，大概率是Laravel的URL重定向机制或者潜在的CSRF验证问题导致的，下面分场景给你具体的解决思路：

1. 最常见原因：请求URL末尾的斜杠触发重定向 #

你前端请求的URL是/api/links/（末尾带斜杠），但路由定义的是Route::post('links', 'LinksController@store')（不带斜杠）。Laravel默认会自动将带末尾斜杠的URL重定向到不带斜杠的版本，而这个重定向操作默认使用GET方法，这就直接导致你的POST请求被转成了GET，自然不会触发store方法。

解决办法： #

把前端fetch的URL改成不带末尾斜杠的版本：

fetch('/api/links', {  // 去掉末尾的斜杠
  method:'post',
  headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json' 
  }, 
  body: JSON.stringify(link) 
})
.then(response => response.json())
.then(data => { 
  // update the state of links 
});

2. 排查CSRF验证问题（虽然API路由默认不校验，但以防万一） #

Laravel的routes/api.php路由组默认是排除VerifyCsrfToken中间件的，但如果你手动给API路由添加了这个中间件，或者请求不小心走到了web路由组，就会触发CSRF验证失败，Laravel会自动重定向为GET请求。

排查&解决方式： #

• 检查app/Providers/RouteServiceProvider.php里的mapApiRoutes方法，确认API路由没有包含CSRF中间件：

protected function mapApiRoutes()
{
    Route::prefix('api')
         ->middleware('api')  // 这里的api中间件组默认仅包含throttle和bindings，无csrf验证
         ->namespace($this->namespace)
         ->group(base_path('routes/api.php'));
}

• 如果确实需要在API中使用CSRF验证（不推荐，API通常用Token认证），可以在请求头里加入X-CSRF-TOKEN：

const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
fetch('/api/links', {
  method:'post',
  headers: { 
    'Accept': 'application/json', 
    'Content-Type': 'application/json',
    'X-CSRF-TOKEN': csrfToken
  }, 
  body: JSON.stringify(link) 
})

3. 检查自定义中间件是否导致重定向 #

如果你给API路由添加了自定义中间件（比如认证、权限校验类），中间件里的跳转逻辑（比如未登录时重定向）也会将POST请求转为GET。可以暂时注释掉API路由的非必要中间件，测试是否能正常触发store方法，以此排查问题来源。

最后验证 #

修改完成后，打开浏览器开发者工具的Network面板，重新发送请求，确认请求方法为POST且返回状态码200，再去数据库查看是否有新增的测试数据。

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