@RequestParam接收axios的post方式传递数据时的坑

最新推荐文章于 2025-06-22 14:13:30 发布
最新推荐文章于 2025-06-22 14:13:30 发布
阅读量2.3k 收藏 8
点赞数 1
CC 4.0 BY-SA版权
分类专栏： web 文章标签： axios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40663357/article/details/99695044
本文探讨了后端使用@RequestParam接收参数时，与前端axios post方式传数据出现400错误的问题。详细解释了错误原因在于数据格式不匹配，并提供了两种解决方案：一是引入qs模块将json对象转换为URL形式；二是改用@RequestBody注解或request的getParams()方法接收数据。

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

后端使用@RequestParam来接收参数，前端用axios的post方式传数据。但是一直报错400，请求无效。

@RequestParam接收的请求头格式为：application/x-www-form-urlencoded

开始以为是post没有配置content-Type请求头，然而我已经配置了。后来几经Google才发现，post传参的默认格式是json格式，所以才会一直报错。

然后引入了qs模块，利用qs.stringify()方法将json对象系列化为URL形式，然后就愉快的解决啦。

当然还有其他解决方法就是不使用@RequestParam接收，直接用request的getParams()来接收。或者使用@RequestBody注解。

后端接收不到使用post请求发来的数据
qq_43587651的博客
04-25 3807
后端接收不到post请求发送的数据原因及解决办法原因解决办法 原因 前端使用的是vue cli3创建的项目，网络请求使用的是axios。 我的需求是在后端使用 request.getParameter("param"); 来获取post和get请求发送的数据。但是问题是get发送数据可以得到，post请求发送的数据不能得到。 问题原因是getParameter（）只能获取表单数据。get发送的数据是表单数据，而post方法发送的数据默认是json数据，所以会接收不到。 解决办法 下载安装qs //此命
vue中axios发送post请求，后端（@RequestParam）接不到参数
weixin_30319097的博客
04-09 1182
遇到的问题描述 ：axios post 请求，后端接收不到参数。 　　　　　　　　我们的接口是java，用@RequestParam来接收前端的参数 解决方案：使用qs；axios中已经包含有qs，所以无需重新安装，直接引入就好 import Qs from 'qs'//引入qs let chedata = { data: encStr, sign...
axios post传递 java @RequestParam
最新发布
RR1335 之代码才是动力源
06-22 550
摘要：实现了一个用户信息提交功能，前端使用Vue.js和axios发送POST请求，后端采用Spring Boot接收参数。前端user.js通过URLSearchParams构造表单数据，user.vue定义响应式对象并触发提交。后端Java控制器使用@PostMapping注解接收password、nickname、username参数，并记录日志。测试时前端传递"三峰"、"san"、"123098"三个参数，后端成功接收并打印日志。整个流程实
[SpringBoot]@RequestParam接收不到POST请求的数据
weixin_43760020的博客
05-10 7887
可能原因： 在前端发送请求时，设置了 header:{ 'Content-Type':'application/json' } 这会导致@RequestParam接收不到POST请求的数据。 正确的做法是，设置 header:{ 'Content-Type':'application/x-www-form-urlencoded' } 如果想继续使用 ‘Content-Type’:‘application/json’，只能使用**@RequestBody**来接收 ...
后台接收不到前端传值_ajax的post请求后台request.getParameter()接收不到参数问题
weixin_42297390的博客
01-16 3111
最近在做技术储备 ，写几个简单的demo。所以没用框架，用的servlet，结果在接收ajax传值的时候出了点小意外。传到后台的值总是null，前端确实传递了非null的值。我前端这样用ajax传值。jQuery.ajax({type: "post",contentType: "application/json;charset=UTF-8",url: "http://"+host+"/baidum...
axios发送post请求后台request.getParameter接不到参数
qq_41720578的博客
05-27 1050
在学习axios过程中，发现直接通过把json放到post里后台通过getParameter接收不到。 axios请求代码 axios.post('url',{'username':'name'}).then(function(value){}) 然后，因为我们的参数是 JSON 对象，axios 帮我们做了一个 stringify 的处理。 而且查阅 axios 文档可以知道：axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。那么，这就与我...
Feign post传参失败原因？
qq_38804429的博客
09-15 1140
Feign post传参失败原因？如何插入一段漂亮的代码片 如何插入一段漂亮的代码片 springcloud在某个微服务下通过远程调用另一个微服务的功能。 原服务方法如下： @PostMapping(value = "/sqlFile") public Result genSqlFile(@RequestParam("sqlId")String sqlId,@RequestParam("sql")String sql) 远程调用方法如下： @PostMapping(path = "/sqlFile
微服务restful风格，用Post在服务之间发送请求接收不到参数接收不到问题（@RequestParam和@RequestBody）
qq_42770022的博客
04-14 2964
上代码： 发送端： 接收端： 问题：发送端可以接受从前段传过来的数据，但是请求接收端时，接收端可以接收url请求，但是参数传不到接收端。 分析：用get和post传输的数据是截然不同的，用get是追加在url之后，直接放在请求头。但是post请求的数据会放在请求体，所 以，如果不加注解，微服务之间的传输在接收端默认是追加的方式，所以接收不到参数。...
如何解决@RequestParam无法接收vue+axios传递json数据（csdn）————程序.pdf
12-05
然而，当Vue通过Axios发送POST请求并以JSON格式传递数据时，后端的@RequestParam无法正常获取这些数据。 2. 问题代码示例 在问题代码中，前端使用Axios发送POST请求，数据以JSON格式封装： ```javascript axios....
springboot后台接收axios传递的json数据为null
01-21
后台接收到的数据一直显示null 原因： 使用@RequestBody标签接收json数据，参数类型不能用Sting 看这两个注解的作用 @RequestParam 是作用在形参列表上，RequestParam可以接受简单类型的属性，也可以接受对象类型。...
axios post两种请求方式与@requestbody和@requestparam接收
07-16
这样，我们就可以通过axios的post方法以两种不同的方式发送POST请求，并通过`@RequestBody`或`@RequestParam`在后端的Spring Boot应用程序中接收请求数据。 ### 回答2： axios post请求方式有两种，一种是普通post...
axios（get、post） 请求中的@requestBody @requestParams 以及headers的使用，请求拦截器、响应拦截器的封装
01-03
axios post 请求传递request-body request-query headers（get 或者不直接使用get、post使用axios 道理方法都类似，注意：get没有请求体，如果要用get方法，后端就不能用@requestBody来接收，相应可以改为@requestParams接收） self.$axios.post('/api/ui/ombs/login', {//request-body password: self.ruleForm.password, username: self.ruleForm.username }, {//request-que
Vue笔记（十一）—— Vue axios 传 字符串/键值对 后台@RequestParam接收为空 及使用application/x-www-form-urlencoded问题详解
成长笔记
09-23 2983
直接上相关代码： let data = { "userId": userId, }; let config = { headers: { "Content-Type": "application/x-www-form-urlencoded", }, }; _this.$axios.post(url, _this.qs.stringify(data), config).t...
ajax的post请求的前端传参格式以及springboot后端接收参数方式
断掉的手环
09-13 8969
一、数据准备（想看结论直接翻最后） 1、搭建一个springBoot的后端工程 1.1 创建一个简单的user实体类 1.2 template目录下添加index.html 1.3 配置静态资源访问路径 @Component public class WebConfig implements WebMvcConfigurer { /** * springboot 无法直接访问静态资源，需要放开资源访问路径。 * 添加静态资源文件，外部可以直接访问地址 */
Axios传递参数后端用@RequestParam
doublepg13的博客
04-10 328
https://blog.youkuaiyun.com/sungancd/article/details/121395738
@RequestParam axios.post参数传递方式三种
m0_48968386的博客
07-26 392
axios post/get请求 @RequestBody @RequestParam对应的用法
热门推荐
pon的博客
09-03 1万+
参考文章 一、POST请求 1、 @RequestParam方式： 前端，需要用qs.stringify（data）： ceshi = ()=>{ let data = { // "idd": "f6588b4d3a274d599c8696e3a2e89579", // "name":"水" idd: 'Fred', ...
使用axios的post方式传参遇到的坑(@RequestParam和@RequestBody的区别)
weixin_42332641的博客
11-26 3276
发现Form Data成为了这样的格式，把传入的参数都当成了{param:‘11’} 找到的解决方法是导入qs库(qs库已经包含在axios中，不需要重新安装)，把封装的post方法里面的“ JSON.stringify(data) ”改成 qs.stringify(data) 即可 总结 因为这里我用axios处理的 contentType 为 application/x-www-form-u...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值