当前位置: 首页> 文旅> 文化 > 今日总结:axios Get方法/Post方法参数传递方式对比

今日总结:axios Get方法/Post方法参数传递方式对比

时间:2025/7/9 5:56:53来源:https://blog.csdn.net/2302_79169315/article/details/141336523 浏览次数:1次

☁️ 前言

今天写代码遇到一个问题,在使用axios传递参数时后端一直显示req.body为undefined,但是我之前未曾遇到传参失败的问题,后来对比发现之前使用post,传参方式没有问题,现在使用Get传参却有问题,很显然这二者传参方式是不同的,于是网上查阅资料,整理了一番。今日写代码着实写累了,现在权当写今日总结放松放松。

🚪 Get方法传参

axios.get('http://127.0.0.1/api/comment', {params: {id: id,}
}).then(function(response){/* 相关代码 */},function(err){console.log(err);}
)

⚠️:后端接受参数是通过 “req.query"来获取,就这而言,后端要获取前端传的id,应该通过"req.query.id”

🚪Post方法传参

axios.post('http://127.0.0.1/api/comment', {id: id,content: userComment,username: that.username,pic: that.pic
}).then(function(response){/* 相关代码 */},function(err){console.log(err);}
)

通过对比不难发现,Get方法的参数要放在 params:{} 里面,而Post方法不需要

⚠️:后端接受参数是通过 “req.body"来获取,就这而言,后端要获取前端传的id,应该通过"req.body.id”

🎉 尾声

今天的分享就到这里,我是秋窗,我们下期再见👋 😄

关键字:今日总结:axios Get方法/Post方法参数传递方式对比

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: