SpringBoot后端返回Long类型，前端丢失精度

最新推荐文章于 2025-03-21 12:55:35 发布
原创 最新推荐文章于 2025-03-21 12:55:35 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Long精度

本文讨论了后端开发中Long类型字段在返回给前端时可能出现的精度丢失问题，提醒开发者注意为避免该问题需要在Long字段上添加特定注解。这个问题可能导致数据展示不准确，影响用户体验。解决此问题的注解能够确保数值在转换过程中保持完整精度。

后端返回VO等对象给前端时，Long类型的字段注意添加以下注解。否则会出现丢失精度的bug。







Springboot Long类型数据太长返回给前端，精度丢失问题 复现、解决
默默不代表沉默
03-22 5130
Springboot Long类型数据太长返回给前端，精度丢失问题 复现、解决
【SpringBoot】79、SpringBoot中返回JS长整型数据丢失精度问题
热门推荐
Asurplus
06-20 3万+
我们在给前端返回数据时，雪花 ID、时间戳等长度超过 JS 中最大值时，会发生精度丢失问题
SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理
yuanjinshenglife的专栏
04-15 1975
SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理
Spring Boot 2.x 解决接口中 Long 类型数据在前端精度丢失问题
竹林幽深
11-16 887
原创 路条编程发表于河北收录于合集#springboot21个#精度1个这一系列课程将包含Spring Boot 许多关键的技术和工具，包括 Mybatis-Plus、Redis、Mongodb、MinIO、Kafka、MySQL、消息队列（MQ）、OAuth2 等相关内容。Spring Boot 2.x 解决接口中 Long 类型数据在前端精度丢失问题前端接收后端接口中Long类型数据精度丢失问题可能与前端的数据处理方式有关。
解决雪花算法前后端不一致的问题
jc15274630894的博客
07-01 1197
解决雪花算法前后端不一致的问题
springboot从数据库取出数据后进行整形返回
这就是快乐嘛
07-29 888
需要一个PageRestResponse类 @Data @ApiModel public class PageRestResponse<T> { private long total; @ApiModelProperty(value = "响应集合") private List<T> data; public static PageRest...
spring Boot处理返回给前端Long类型精度丢失
xiaoliu_alone的博客
04-13 4157
项目中采用springcloud Alibaba技术开发分布式系统，开发过程中采用雪花算法生成分布式Id，为Long类型，而Long类型返回给前端，会出现精度丢失问题。接下来我们主要了解下，如何快速的处理精度丢失的问题。
SpringBoot后端Long数据传到前端js精度损失问题
m0_51390969的博客
02-16 833
在对应的字段上添加注解，将。对应的结果接收上使用。
SpringBoot全局配置long转String丢失精度问题解决方案
09-07
在SpringBoot开发中，遇到的一个常见问题是当后端向前端传递Long类型的数值时，由于JavaScript的Number类型无法精确表示所有Java的Long值，导致数据在传输过程中丢失精度。为了解决这个问题，我们可以采用两种不同的...
SpringBoot配置long转String 丢失精度的几种方式
lovebosom的博客
10-12 1148
在web项目中,Java后端传过来的Long/long类型，前端JS接收时会丢失精度。下面分享几种long转string的方式。第二种：配置全局转换，不需要在每个字段上添加注解，一劳永逸。第一种：在相应的类的属性上添加JsonSerialize注解。第三种：使用Jackson2，笔者未尝试，读者可以试下。第四种：bootstrap.yml配置，会将所有数字类型都会转为字符串。
Spring Boot中接口数据字段为 Long 类型时，前端number精度丢失问题解决方案
quyunde的博客
03-21 829
不过，JavaScript中 Number 类型的安全整数范围是 -2^53 到 2^53 ，如果 Long 类型的值超出这个范围，在前端JavaScript处理时可能会出现精度丢失问题。例如，一个Java对象中有一个 Long 类型的属性 id ，值为 1234567890123L ，在返回的JSON中会表示为 {"id":1234567890123}。在Spring Boot中，当接口数据字段为 Long 类型时，返回页面的JSON中该字段通常会被序列化为数字类型。
Spring Boot返回前端Long型丢失精度
zhangkang65的专栏
11-10 4350
spring cloud alibaba项目中long类型数据返回前端最后两位变成00，参考了很多博客最后这篇对此项目有效果： 解决办法之一就是让Javascript把数字当成字符串进行处理，对Javascript来说如果不进行运算，数字和字符串处理起来没有什么区别。但如果需要进行运算，只能采用其他方法，例如JavaScript的一些开源库 bignum、bigint等支持长整型的处理。在我们这个场景里不需要进行运算，且Java进行JSON处理的时候是能够正确处理long型的，所以只需要将数字转化..
Spring Boot项目前后端Long类型数据传递失真问题的处理方式
qq_39941165的博客
09-27 4194
场景介绍： 项目场景：目前市场上的大多数项目对于对象表建设的ID属性使用的是Long性并使用雪花算法生成，少量使用String的UUID，极少量的使用Long类型的自增长。 1 . Long型雪花算法ID 雪花算法 : 分布式id生成算法的有很多种，Twitter的SnowFlake就是其中经典的一种。 优点：雪花算法id是一个64bits的Long数据，第一位为零表示其为正数，最后12位为其序列号，生成的id既能完美契合分布式ID的需求，同时后12位序列号也能够保证主键的有序性。 缺点：雪花算法
SpringBoot前后端 交互long精度丢失
Supernova
12-08 537
字段long，后端与前端值不相同
【SpringBoot】注解或全局配置Long转String，解决前端接收时精度丢失的问题
weixin_43183496的博客
10-31 6036
注解或全局配置Long转String
long类型精度丢失问题的三种解决方案
qq_62357662的博客
09-07 4311
​ 对于Long类型的数据，如果我们在Controller层将结果序列化为json，直接传给前端的话，在Long长度大于17位时会出现精度丢失的问题。
后端传long类型数据到前端精度丢失问题
weixin_58724261的博客
05-31 6495
这是因为在 JavaScript 中，数字类型默认会被转换为双精度浮点数，而双精度浮点数的精度有限，只能精确表示 2 的 53 次方以内（即 Number.MAX_SAFE_INTEGER，约为 9 x 10^15）的整数
SpringBoot返回前端Long类型字段丢失精度问题及解决方案
c739816555的博客
10-25 2337
本文针对Java服务端返回Long整型数据给前端时精度丢失问题，提出了两种解决方案，大家根据自己的需求选择食用，欢迎大家批评指正。
SpringBoot给前端返回long型字段精度丢失问题
Crazy_young_man的博客
04-26 1066
最近在做一个项目的时候遇到了以long型保存id的问题，以Json格式返回到前台就精度丢失了。 造成这个问题的原因是：在JS中没用Long型的数据类型，所以回精度丢失。 解决办法：全局配置，返回long型数据的时候转成String类型 import com.fasterxml.jackson.annotation.JsonInclude; import com.fasterxml.jackson....
java后端返回id vue前端精度丢失 怎么处理
最新发布
09-11
<think> 我们之前已经讨论过这个问题，但用户再次提问，需要确保回答完整且符合格式要求。 问题核心：Java后端返回Long类型ID，Vue前端JavaScript接收时精度丢失。 解决方案： 1. 后端将Long类型ID转为字符串返回（推荐） 2. 前端使用json-bigint等库解析JSON 3. 前端手动转换ID为字符串 注意：必须按照用户要求的格式输出，末尾附上相关问题。 </think> ### Java后端返回ID，Vue前端精度丢失解决方案 当Java后端返回Long类型ID（如雪花ID）时，Vue前端接收会出现精度丢失问题。这是因为Java的Long类型（64位）超出JavaScript的Number类型安全范围（±2^53-1）。以下是完整解决方案： #### 一、后端处理方案（推荐） 1. **DTO字段序列化为字符串** ```java public class UserDTO { @JsonFormat(shape = JsonFormat.Shape.STRING) // Jackson注解 private Long id; // 其他字段... } ``` 2. **全局配置（Spring Boot）** ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void configureMessageConverters(List<HttpMessageConverter<?>> converters) { MappingJackson2HttpMessageConverter converter = new MappingJackson2HttpMessageConverter(); ObjectMapper mapper = new ObjectMapper(); mapper.configOverride(Long.class).setFormat(JsonFormat.Value.forShape(JsonFormat.Shape.STRING)); converter.setObjectMapper(mapper); converters.add(0, converter); } } ``` #### 二、前端处理方案 1. **使用json-bigint库** ```javascript // axios配置 import axios from 'axios'; import JSONbig from 'json-bigint'; const api = axios.create({ transformResponse: [data => { try { return JSONbig.parse(data); // 自动转换大数字为BigInt } catch (e) { return JSON.parse(data); } }] }); // 使用示例 api.get('/user').then(res => { console.log(String(res.data.id)); // 转为字符串使用 }); ``` 2. **响应拦截器转换** ```javascript axios.interceptors.response.use(response => { const convertId = (obj) => { if (obj && typeof obj === 'object') { Object.keys(obj).forEach(key => { if (key.toLowerCase().includes('id') && typeof obj[key] === 'number') { obj[key] = String(obj[key]); // 所有ID字段转为字符串 } }); } return obj; }; response.data = convertId(response.data); return response; }); ``` #### 三、混合方案 1. **BigInt前端处理** ```javascript // 获取数据后转换 api.get('/data').then(res => { const data = { ...res.data, id: BigInt(res.data.id).toString() // 转为字符串 }; }); ``` 2. **TS类型强制（Vue3+TS）** ```typescript interface User { id: string; // 强制定义为字符串类型 name: string; } ``` #### 四、注意事项 1. **精度丢失测试**：当ID > 9,007,199,254,740,991时必定丢失精度 2. **模板渲染**：Vue模板中直接使用 `{{ item.id }}` 需确保id是字符串 3. **数据库设计**：超过16位的ID建议使用字符串存储 > **推荐方案**：后端统一返回字符串ID + 前端axios拦截器二次保障
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值