很多人经常遇到这个问题自己明明发起了post请求为什么参数还是拼接在在了api端口后面而且参数不是requst payload而是query string parameters。排查半天找不到其实很简单往往是最简单的最有迷惑性在使用某些HTTP库如Axios时params会将参数拼接到 URL 上变成 Query String而data才是放在请求体Request Payload里的。✅ 正确做法axios.post(/api/endpoint,{name:Alice,age:25})// 或显式指定 dataaxios({method:post,url:/api/endpoint,data:{// 这里放请求体内容Request Payloadname:Alice,age:25}})❌ 错误做法变成了 Query Stringaxios({method:post,url:/api/endpoint,params:{// 这会变成 /api/endpoint?nameAliceage25name:Alice,age:25}}) 新手常见误区属性效果属于params参数加到 URL 上成为?keyvalue...Query String Parametersdata参数放到请求体中Request PayloadPOST/PUT 数据主体POSTdata 真正的 Request Payload典型错误 POST请求用params发主要数据 ❌后端用req.body却前端用params❌看请求时只关注方法不看 payload / query ❌✅ 最后建议如果你的POST请求需要传数据到Request Payload就用.post(url, data)或者{ data: ... }别用params requst payload和query string parameters
很多人经常遇到这个问题自己明明发起了post请求为什么参数还是拼接在在了api端口后面而且参数不是requst payload而是query string parameters。排查半天找不到其实很简单往往是最简单的最有迷惑性在使用某些HTTP库如Axios时params会将参数拼接到 URL 上变成 Query String而data才是放在请求体Request Payload里的。✅ 正确做法axios.post(/api/endpoint,{name:Alice,age:25})// 或显式指定 dataaxios({method:post,url:/api/endpoint,data:{// 这里放请求体内容Request Payloadname:Alice,age:25}})❌ 错误做法变成了 Query Stringaxios({method:post,url:/api/endpoint,params:{// 这会变成 /api/endpoint?nameAliceage25name:Alice,age:25}}) 新手常见误区属性效果属于params参数加到 URL 上成为?keyvalue...Query String Parametersdata参数放到请求体中Request PayloadPOST/PUT 数据主体POSTdata 真正的 Request Payload典型错误 POST请求用params发主要数据 ❌后端用req.body却前端用params❌看请求时只关注方法不看 payload / query ❌✅ 最后建议如果你的POST请求需要传数据到Request Payload就用.post(url, data)或者{ data: ... }别用params