Axios post请求出现500错误

笔者在编写前端form表单传后端数据的时候,出现了以下问题

一、问题场景

当我用axios发送post请求的时候,出现了500错误

笔者找了很长时间错误,代码没问题,后端接口也没问题,后来发现问题出在实体类上了

当前端post请求调后端接口时候,后端控制台打印如下错误

看到错误提示说无法反序列化,这是什么意思?

待我细说

二、解决方案

首先前端form表单传来的是json数据,那么我们理应在后端controller层方法参数上加上@RequestBody,理由如下

@RequestBody是作用在形参列表上,用于将前台发送过来固定格式的数据【xml格式 或者 json等】封装为对应的 JavaBean 对象,

封装时使用到的一个对象是系统默认配置的 HttpMessageConverter进行解析,然后封装到形参上

那么为什么还是报错呢

后来笔者百度了无数遍,终于找到了解决办法

结论:实体类有无参构造方法,对象才可以序列化

于是我在实体类上加上@NoArgsConstructor方法,然后用http调接口,前端控制台响应正常

三、总结反思

  • 序列化:将数据结构或对象转换成二进制字节流的过程
  • 反序列化:将在序列化过程中所生成的二进制字节流的过程转换成数据结构或者对象的过程
  • 对象在进行网络传输(比如远程方法调用 RPC 的时候)之前需要先被序列化,接收到序列化的对象之后需要再进行反序列化;
  • 将对象存储到文件中的时候需要进行序列化,将对象从文件中读取出来需要进行反序列化。
  • 将对象存储到缓存数据库(如 Redis)时需要用到序列化,将对象从缓存数据库中读取出来需要反序列化。

序列化的时候,需要将实体类实现Serializable接口

反序列化的时候,需要实体类有无参构造方法

相关推荐
炫饭第一名1 天前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
进击的尘埃1 天前
Vue3 响应式原理:从 Proxy 到依赖收集,手撸一个迷你 reactivity
javascript
willow1 天前
JavaScript数据类型整理1
javascript
LeeYaMaster1 天前
20个例子掌握RxJS——第十一章实现 WebSocket 消息节流
javascript·angular.js
UIUV1 天前
RAG技术学习笔记(含实操解析)
javascript·langchain·llm
颜酱1 天前
理解二叉树最近公共祖先(LCA):从基础到变种解析
javascript·后端·算法
FansUnion1 天前
我如何用 Next.js + Supabase + Cloudflare R2 搭建壁纸销售平台——月成本接近 $0
javascript
左夕1 天前
分不清apply,bind,call?看这篇文章就够了
前端·javascript
滕青山1 天前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力1 天前
编程常用模式集合
前端·javascript·typescript