使用axios.post后台获取不到params(参数)/bodyParam

本文深入解析axios库在POST请求中的工作原理,特别是Content-Type设置的影响,以及如何正确使用qs库进行参数转换,确保前后端数据交互无误。同时,对比@RequestParam与@RequestBody注解在接收前端参数时的不同之处。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

正常情况

如果使用axios.post

axios post请求  Content-Type默认为 application/x-www-form-urlencoded,我们传递参数的时,params里面的参数(简单的对象,通过 "{}" 或者 "new Object" 创建的)会被以&拼接的方式拼接到请求地址的后面,data里面的参数(简单的对象,通过 "{}" 或者 "new Object" 创建的)会以Form Data的形式存在,但是Form Data里面把我们传进去的整体当成了一个key值,没有value

解决:导入qs库(qs库已经包含在axios中,不需要重新安装),data里面的参数使用qs.stringify方法来转换,转换之后后端才能正常获取

 

@RequestParam和@RequestBody的区别

若后端使用@RequestParam 来接收前端传过来的参数的,Content-Type要设置为application/x-www-form-urlencoded,并且需要对data使用qs.stringify来进行转换;

若后端使用@RequestBody 来接收前端传过来的参数的,Content-Type要设置为application/json;

参考:post传参params与body的区别(@RequestParam和@RequestBody的区别)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值