关于vue的post请求发送成功，但后台接收参数始终为空的原因

最新推荐文章于 2024-07-16 17:20:09 发布
最新推荐文章于 2024-07-16 17:20:09 发布
阅读量6.1k 收藏 6
点赞数 3
文章标签： vue.js 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43693159/article/details/124303851
版权

在做vue+springboot前端项目时，前端向后端发送post请求但后端接收的参数始终为空并且不报任何错误的情况下，在改变了Content-type的类型和使用qs.stringfy()方法无果后，我才发现错误的原因竟然是传递的参数对象中的字段与数据库中的字段不相符！！！！！！！！！！！！！！！！！如图是我修改后v-model绑定的字段。

而原来是这样的

 

name和password和数据库中的字段不符所以导致后端一直无法接受参数。

但是也因此得知content-type:application/x-www-form-urlencoded 对应的信息格式类型是FormData 后端要删除@RequestBody注解

content-type:application/json对应的信息格式类型是Request Paylod类型，后端参数一定要加@RequestBody注解

Htcsja
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
后端接收不到使用post请求发来的数据
qq_43587651的博客
04-25 3554
后端接收不到post请求发送的数据原因及解决办法原因解决办法 原因 前端使用的是vue cli3创建的项目，网络请求使用的是axios。 我的需求是在后端使用 request.getParameter("param"); 来获取post和get请求发送的数据。但是问题是get发送数据可以得到，post请求发送的数据不能得到。 问题原因是getParameter（）只能获取表单数据。get发送的数据是表单数据，而post方法发送的数据默认是json数据，所以会接收不到。 解决办法 下载安装qs //此命
Vue简单封装axios之解决post请求后端接收不到参数问题
11-20
在本例中，开发者遇到了一个特定的问题：使用axios发送POST请求时，后端无法接收到参数。为了解决这个问题，他们进行了Vue中axios的简单封装，并提供了两种解决方案。 首先，创建了一个名为`api`的文件夹，在其中...
POST 请求参数java接收参数都为null
独行侠的守望の博客
10-26 9536
先说原因： 检查request是否在controller接收之前被更改。 -------------------------------------- 前提： post请求，参数为json形式，java接收controller是@RestController注解，采用@RequestBody将参数转为bean，实际发现接收到的bean属性字段全部为null。 思路： 检查controller接收到的json是否正确， 网上搜这个问题，一般都是再说配置的...
关于vue- axios的post请求到后台数据为空的两种解决方法
热门推荐
yezongzhen的博客
03-02 1万+
在vue里面的这种情况是默认使用get方式传值到后台，当你数据过大的时候，会导致你的拼接长度有限。 然后稍微改成这样: 这样就会使得与后台的交互方式为POST请求。但是出现了后台接到的值为空的现象。后面对比ajax发现axios传值，再具体观察控制台发现 ajax方式： 一个Request Payload，一个Form Data。 将Request Payload...
Post请求，请求成功，但参数为null
qq_41610498的博客
10-19 1万+
问题描述 1.使用Postman测试写的接口时，发现错误，请求可以接收，但是参数为空， @RestController @RequestMapping("tsetApi") public class CompareController { ​ @PostMapping("query1") public String getTestPost1(@RequestParam(name="id",required = false) String id, @RequestParam(name="...
解决后端post请求参数为空的问题
TE杨
05-05 1万+
axios发送post请求时， Content-Type默认是application/json;charset=utf-8，当后端需要的形式为 application/x-www-form-urlencoded 或者multipart/form-data 时，值就为空。 常见的post请求数据格式： Content-Type: application/json ： 请求体中的数据会以json字...
前端POST传值，但后端接收不完整
luohao1008的博客
03-06 1438
前端post提交，后端只接收到部分数据，原来是配置小了
Vue项目 axios post方法传参后台接收不到参数
bitree1的博客
01-14 3081
1.背景 今天做项目的时候遇到一个问题，平时没有注意，这次卡了好久，传递参数就是后台接收不到，但是单独调试后端接口是通的，经过搜索终于解决现记录如下： 2.主要问题 前端代码： 请求： 后端代码： 接收，全为空 3.原因 3.1看axios.post 传输参数的格式 Content-Type 为 application/json 类型的，我们需要将这个数据类型变成application/x-www-form-urlencoded 这种类型的，后台才能接收得到 4.解.
解决vue中post方式提交数据后台无法接收的问题
10-18
在Vue.js应用中，POST方式提交数据到后台时，可能会遇到数据无法被后台正确接收的问题。这通常是由于数据格式不正确或与后端接口的预期格式不匹配导致的。本文将详细探讨这个问题，并提供解决方案。 首先，理解POST...
express后台中post请求接收数据req.body为空
01-03
但是，后台打印req.body的打印的值为空 然后我看了很久文档,最终发现,只需要用json解析一下就好了,可能还是自己学的不扎实吧. app.use(bodyparser.json()) 最终,我们可以看到.后台可以打印出前端发过来的值有了, ...
axios发送post请求springMVC接收不到参数的解决方法
08-27
Axios 发送 POST 请求时，Spring MVC 无法接收到参数的原因是 Axios 的默认请求头是 `application/json`，而 Spring MVC 的默认请求头是 `application/x-www-form-urlencoded`。为了解决该问题，我们可以使用三种...
基于vue 添加axios组件,解决post传参数为null的问题
08-27
"基于 Vue 添加 Axios 组件解决 POST 传参数为 null 问题" 本文将为大家分享基于 Vue 添加 Axios 组件解决 POST 传参数为 null 问题的解决方案。下面将详细介绍 Axios 的安装、配置、GET 请求、POST 请求、注意事项...
Vue中使用axios post方法传参后台接收不到参数
ZKY的博客
05-25 1977
post请求不像get请求一样，get请求传参是在url后边以&去拼接上的，而post请求时在请求体中的，不会默认去拼接，这就导致。post传递参数失败 ，后台无法获取传递的参数 注：一定先import导入之后才能使用 var params = { bankName: ”“, bankNameAll: ”“, } axios.post(urls, params).then(res=>{ //这里的params是我向后台传递的参数 //这时候发现后台无法接收到值
在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。
weixin_46286150的博客
04-06 2512
在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。这个问题的原因是axios默认发送的请求是json格式的，而后端接收的请求是form表单格式的，这就导致后端无法获取json格式的请求参数。解决这个问题可以通过设置axios的请求头部信息，将请求格式设置为form表单格式。这样，在Vue中需要引入api文件夹下的users.js文件，然后调用对应的函数即可发送请求。这样设置后就可以正常发送post请求了，后端也可以正确接收到参数了。
vue中当前端请求后端接口时，可以请求成功，状态是200，但是后端缺拿不到请求参数，返回的数据为空。
W78955的博客
04-20 3350
vue中当前端请求后端接口时，可以请求成功，状态是200，但是后端缺拿不到请求参数，返回的数据为空。
使用Vue Element Admin模板踩的坑，前端使用axios发送Post请求，后端拿到的数据为null或后端无响应，一段时间后报错
qq_57557454的博客
09-11 549
这个问题是因为mock-server中express的中间件body-parser导致的，不带参数时发送请求没有问题，带上参数就出现上面说的那种情况。1. 将 app[mock.type](mock.url, mock.response) 修改成如下代码。解决方法是修改mock文件夹下的mock-server.js文件。2. 将文件中以下代码注释即可。
VUE学习(十七) VUE3使用axios post的时候参数传递为空值
easyboot的专栏
01-09 2022
1.在使用axios发现post到后端的参数值变为空值。多次测试后发现只有使用下面的方法可用。参数名必须为字符串。参数要写成paramss 类型才行。2.后台的WEBAPI。
使用PostMan对后端发post请求，请求参数为null（已解决）
weixin_62708232的博客
09-13 3544
【代码】使用PostMan对后端发post请求，请求参数为null（已解决）
vue3【详解】单文件组件 SFC（含SFC的优点、缺点、使用场景、原理、使用预处理器、＜script setup＞语法详解、资源拆分）
最新发布
朝阳39的博客
07-16 470
自定义指令必须遵循命名规范（自定义指令名的首字母必须是v，后续跟首字母大写的自定义指令名称 ）// 在元素上做些操作 } } < template > < h1 v-my-directive > This is a Heading const。
vue2的axios post请求传参数后台接收全部为null，使用qs库后依然为null，该如何解决
06-08
这个问题可能有多种原因，以下是一些可能的解决方法： 1. 确认后端接口是否正确接收参数，并且参数名称是否与前端传递的名称一致。 2. 确认前端使用axios的请求方式是否正确，例如是否设置了Content-Type为application/json。 3. 试着使用axios的拦截器，打印一下请求和响应的数据，看看是否有问题。 4. 如果使用了qs库进行参数序列化，可以尝试使用JSON.stringify进行序列化，例如： ``` axios.post('/api', JSON.stringify(params), { headers: { 'Content-Type': 'application/json' } }) ``` 5. 如果以上方法都无法解决问题，可以尝试使用其他的HTTP请求库进行请求，例如fetch或者request。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值