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

秋窗72024-08-24 12:15

☁️ 前言

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

🚪 Get方法传参

javascript 复制代码

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方法传参

javascript 复制代码

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"

🎉 尾声

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