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

☁️ 前言

今天写代码遇到一个问题,在使用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"

🎉 尾声

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

相关推荐
Flynt10 天前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
for_ever_love__1 个月前
MySQL 高频面试题 30 问:索引、事务、锁、日志、主从与分库分表(MySQL 8.0 版)
java·数据库·spring boot·mysql·spring cloud·面试·总结
stereohomology1 个月前
一不小心蹬过头了
llm·总结·薅羊毛
stereohomology1 个月前
ZCode 是如何处理超长上下文的
llm·总结·薅羊毛
lvwangshu1 个月前
T1 称重(weight)题解
题解·贪心·总结·技巧·性质题·思维好题
禁止摆烂_才浅1 个月前
Axios 完整封装合集(鉴权 + 重复拦截 + Loading + 缓存 + 统一错误 + 请求重试|全代码逐行注释)
前端·javascript·axios
逆袭之路6662 个月前
从互联网到半导体:初入行业的迷茫,去与留的纠结
总结
艾伦野鸽ggg2 个月前
前端异步请求的状态竞争(请求竞态)问题
前端·javascript·axios
2601_962301012 个月前
缓存知识点总结
缓存·知识点·总结·后端开发·面试复习
李黎明2 个月前
周末总结(2026/09/05)
总结