ReactJS向Go/MongoDB后端POST请求遇405错误求排查方案

架构老林

2026-5-25

嘿，我来帮你梳理下排查这个405错误的具体思路——既然Postman能正常请求，那问题肯定出在React请求的细节或者浏览器环境的特殊限制上：

排查React POST请求返回405的核心方向

先核对请求URL的一致性
把React代码里的请求URL和Postman里的逐字符对比：有没有漏写路径前缀（比如/api）、大小写不一致（Go的路由默认是大小写敏感的）、末尾多了或少了斜杠？哪怕只差一个字符，都可能导致后端路由不匹配，返回405。
检查请求头的Content-Type设置
Postman里你大概率手动设置了application/json的请求头，但React的原生fetch默认会把请求体的Content-Type设为text/plain，如果Go后端只接受JSON格式的POST请求，就会判定为非法请求返回405。
看看你的代码里有没有配置正确的请求头，比如：
```
fetch('你的后端URL', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    // 如果后端需要认证，还要加上对应的Authorization头
  },
  body: JSON.stringify(newRSVP),
})
```
排查跨域（CORS）预请求问题
浏览器会对跨域请求发送OPTIONS预请求，用来确认后端是否允许实际的POST请求。如果你的Go后端没有配置CORS支持，或者没处理OPTIONS方法，这个预请求就会返回405，导致后续的POST请求根本发不出去。
打开浏览器开发者工具的Network标签，看看是不是有一个OPTIONS请求先于POST请求返回了405？如果是，得在Go后端添加CORS中间件，允许OPTIONS方法、你的前端域名，以及对应的请求头。
确认表单默认提交行为被完全阻止
你代码里写了e.preventDefault()，但要确认它真的生效了：比如有没有可能表单的submit事件绑定有误，或者其他逻辑触发了浏览器的默认表单提交（默认是GET请求）？可以在submitRSVP函数开头加个console.log('进入自定义提交逻辑')，看控制台是否输出，以此判断是不是走了你的自定义请求。
查看浏览器请求的详细信息
在Network标签里找到你的POST请求，检查这几个关键点：
- Request Method是不是真的是POST？
- Request URL和你预期的一致吗？
- Request Headers里的Content-Type是否正确？
- Request Body里的参数格式是否和Postman里的一致？
  有时候变量赋值错误导致请求体为空或格式错误，也会让后端路由匹配失败，返回405。
检查请求库的使用是否正确
如果用了axios这类第三方库，确认method是不是设成了'POST'，有没有误写成'GET'；另外axios默认会自动设置Content-Type为application/json，但如果手动覆盖了错误的headers也会出问题。

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