@RequesBody、@RequestParam的区别 以及Axios发送的post请求,后端拿不到参数解决方法
·
文章目录
Axios发送的post请求,后端拿不到参数解决方法
原因: Axios请求,数据以json方式发送 Content-Type: application/json,后端使用getParameter()是拿不到参数的
解决方法: 可以在绑定数据时候,使用axios自带库Qs的stringify将对象转换为 param =value¶m = value样式
这样Axios发送请求时,Content-Type就变成了application/x-www-form-urlencoded
后端使用@RequestParam或者形参对应参数名获取数据
import qs from 'Qs'
this.$axios({
method:"post",
url:"/login",
data:qs.stringify(this.ruleForm)
}).then(function (resp){
console.log("请求成功",resp)
}).catch(function(err){
console.log("请求失败",err)
})
@RequestBody和@RequestParam的区别
@RequestBody获取请求体中的数据,只能有一个,可以用字符串接收也可以是实体接收,看例子:
一、 Post请求
Content-Type=application/json 请求体中为Json


1.使用字符串接收请求体

2.使用实体类接收

二、Post`请求
Content-Type=application/x-www-form-urlencoded 请求体中为 键=值&键=值 (和表单提交应该是一样的)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-40SusrIE-1640055898152)(979eb0b10b42bf45b660492c9e48621e.png)]](https://i-blog.csdnimg.cn/blog_migrate/eb20edf8364cab3df7c1b1063629d5c8.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eL3Y3CwS-1640055898154)(4fb1626c3c2e1c074c2f377cc11ec32d.png)]](https://i-blog.csdnimg.cn/blog_migrate/da2069d6b001b34f31e72a4350bace0d.png)
1.使用@RequestBody仍然可以接收到请求体中的数据
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BHao9Q4d-1640055898155)(061f23b55841f96d7a9313662d1bc0da.png)]](https://i-blog.csdnimg.cn/blog_migrate/62e73627e2f916663742288618071122.png)
2.使用RequestParam接收到对应的参数
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0GfQvzJi-1640055898156)(ccccf898646fce41ca4be97e860b5381.png)]](https://i-blog.csdnimg.cn/blog_migrate/c828b47cd52f0389b528c25dcb22858e.png)
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)