Axios post请求出现500错误

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

一、问题场景

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

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

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

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

待我细说

二、解决方案

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

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

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

那么为什么还是报错呢

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

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

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

三、总结反思

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

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

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

相关推荐
BD_Marathon2 小时前
Promise基础语法
开发语言·前端·javascript
Aotman_2 小时前
JavaScript MutationObserver用法( 监听DOM变化 )
开发语言·前端·javascript·vue.js·前端框架·es6
hashiqimiya3 小时前
JavaScript的object的使用和监控打印日志
前端·javascript·vue.js
Bruce_Liuxiaowei3 小时前
Nmap+Fofa 一体化信息搜集工具打造
运维·开发语言·网络·网络安全
智航GIS3 小时前
5.1 if语句基础
开发语言·python
bu_shuo3 小时前
MATLAB中的转置操作及其必要性
开发语言·算法·matlab
梦6503 小时前
Vue 组件 vs React 组件深度对比
javascript·vue.js·react.js
2501_946230984 小时前
Cordova&OpenHarmony提醒管理系统实现
android·javascript
C_心欲无痕4 小时前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
KoalaShane4 小时前
El-slider 增加鼠标滚动滑块事件
开发语言·前端·javascript