Long类型前后端数据不一致

响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端 数据不一致

前后端数据类型不匹配是一个常见问题,尤其是当后端使用Java的Long类型(64位)与前端JavaScript的Number类型(最大安全整数为2^53-1,即16位)进行数据交互时,很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。

为了解决这个问题,可以采取以下几种方法:

  1. 后端将Long类型转换为String类型 :这是最常用的解决方法。在后端序列化JSON时,将Long类型的字段转换为String类型,这样前端接收到的数据就是字符串形式,避免了精度丢失的问题。可以通过在Java实体类中使用@JsonSerialize(using = ToStringSerializer.class)注解或者@JsonFormat(shape = JsonFormat.Shape.STRING)注解来实现这一转换。

  2. 全局配置Jackson :在Spring Boot项目中,可以通过配置Jackson的ObjectMapper来全局设置所有Long类型字段序列化为String类型。例如,通过SimpleModule注册一个自定义的序列化器,将Long类型转换为String类型。

  3. 前端处理:虽然不推荐,但在前端也可以通过一些方法来处理这种情况,比如使用BigInt或者在接收到数据后立即将其转换为字符串。

  4. 使用其他库 :例如,使用alibaba的fastJSON工具包,可以在实体类中,在Long类型的字段上加@JSONField(serializeUsing= ToStringSerializer.class)来实现转换。

  5. 数据库和缓存一致性:在某些情况下,可能还需要考虑数据库和缓存之间的一致性问题。可以采用先更新数据库再删除缓存的策略,或者使用版本号和分布式锁来确保数据一致性。

相关推荐
拖孩几秒前
微信群太多,管理麻烦?那试试接入AI助手吧~
前端·后端·微信
乌兰麦朵17 分钟前
Vue吹的颅内高潮,全靠选择性失明和 .value 的PUA!
前端·vue.js
Code季风17 分钟前
Gin Web 层集成 Viper 配置文件和 Zap 日志文件指南(下)
前端·微服务·架构·go·gin
蓝倾18 分钟前
如何使用API接口实现淘宝商品上下架监控?
前端·后端·api
舂春儿19 分钟前
如何快速统计项目代码行数
前端·后端
毛茸茸19 分钟前
⚡ 从浏览器到编辑器只需1秒,这个React定位工具改变了我的开发方式
前端
Pedantic20 分钟前
我们什么时候应该使用协议继承?——Swift 协议继承的应用与思
前端·后端
Software攻城狮21 分钟前
vite打包的简单配置
前端
Codebee21 分钟前
如何利用OneCode注解驱动,快速训练一个私有的AI代码助手
前端·后端·面试
流星稍逝22 分钟前
用vue3的写法结合uniapp在微信小程序中实现图片压缩、调整分辨率、做缩略图功能
前端·vue.js