解决 Vue+SpringBoot中axios发送数据后端接收不到

在学习阶段遇到Vue使用axios发送数据至SpringBoot后端时,数据无法被接收。解决办法是:对于POST请求,SpringBoot的Controller需使用@RequestBody注解;GET请求则不需要。本文分别介绍前后端的解决策略,包括使用@RequestBody处理JSON内容,以及前端引入qs库进行数据转换。同时,针对跨域导致的两次请求问题,提供了设置超时时间的解决方案。

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

由于是学习阶段,在接收数据的时候,发现前端发送数据正常,后端服务器接收不到?

这是怎么回事呢?网上查了很多方法,最后发现  如果是 post方式提交需要在

 SpringBoot项目中的Controller 接收参数的时候用@RequestBody 注解一下就行了;get方式则不需要注解

本文章分为前端、后端 两种解决方法,二选一  

1.后端解决方法:

简单说明一下:因为post方式提交的时候会包装成一个json字符串,而get方式传参时 直接追加到地址后面,因此 后台接收get请求不用@RequestBody 注解

前端页面发送数据,添加一个名称。

 

可以看出Content-Type是 application/json;charset=UTF-8

axios会帮我们 转换请求数据和响应数据 以及 自动转换 JSON 数据 

但问题就麻烦在这:服务端要求的 'Content-Type': 'application/x-www-form-urlencoded'

怎么解决呢,由于懒,直接改了Controller, 在接收数据这里 @ResquestBody注解一下

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值