@RequesBody、@RequestParam的区别 以及Axios发送的post请求,后端拿不到参数解决方法

Axios发送的post请求,后端拿不到参数解决方法

原因: Axios请求,数据以json方式发送 Content-Type: application/json,后端使用getParameter()是拿不到参数的
解决方法: 可以在绑定数据时候,使用axios自带库Qsstringify将对象转换为 param =value&param = 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)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eL3Y3CwS-1640055898154)(4fb1626c3c2e1c074c2f377cc11ec32d.png)]

1.使用@RequestBody仍然可以接收到请求体中的数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BHao9Q4d-1640055898155)(061f23b55841f96d7a9313662d1bc0da.png)]

2.使用RequestParam接收到对应的参数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0GfQvzJi-1640055898156)(ccccf898646fce41ca4be97e860b5381.png)]

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值