其他分享
首页 > 其他分享> > @RequesBody、@RequestParam的区别 以及Axios发送的post请求,后端拿不到参数解决方法

@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)]

标签:Axios,请求,RequestParam,RequestBody,体中,RequesBody,接收
来源: https://blog.csdn.net/qq_19286785/article/details/122057770