VUE 接受long类型丢失精度问题解决

最新推荐文章于 2025-08-20 15:50:36 发布

原创

最新推荐文章于 2025-08-20 15:50:36 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #java #restful

本文介绍了一种在Spring Boot应用中自定义JSON序列化的方法，通过覆盖默认的ObjectMapper设置来实现Long类型字段转为String输出，避免JavaScript在处理大数据时的精度丢失问题。

后端添加代码

package com.byyl.web.config;

import com.fasterxml.jackson.annotation.JsonInclude;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

01宇宙

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理

yuanjinshenglife的专栏

04-15

1975

SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理

vue中解决后端传递Long类型字段带来的精度丢失

2301_81385743的博客

03-27

966

使用json-bigint.js解析库代替内置解析库

参与评论您还未登录，请先登录后发表或查看评论

spring boot中使用@ResponseBody注解返回json时Long精度丢失

chuanxuzheng1943的博客

11-30

1470

spring boot中使用@ResponseBody注解返回json时Long精度丢失 1.现象对于Long 类型的数据，如果我们在Controller层通过@ResponseBody将返回数据自动转换成json时，不做任何处理，而直接传给前端的话，在Long长度大于17位时会出现精度丢失...

SpringBoot全局配置long转String丢失精度问题解决方案

09-07

主要介绍了SpringBoot全局配置long转String丢失精度问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

SpringBoot配置long转String 丢失精度的几种方式

lovebosom的博客

10-12

1147

在web项目中,Java后端传过来的Long/long类型，前端JS接收时会丢失精度。下面分享几种long转string的方式。第二种：配置全局转换，不需要在每个字段上添加注解，一劳永逸。第一种：在相应的类的属性上添加JsonSerialize注解。第三种：使用Jackson2，笔者未尝试，读者可以试下。第四种：bootstrap.yml配置，会将所有数字类型都会转为字符串。

Spring Boot返回Json数据，Long型字段精度丢失问题

Crazy_young_man的博客

04-02

1286

最近在做一个项目的时候遇到了以Long型变量保持id的问题，以Json格式返回到前台就精度丢失了。造成这个问题的原因是：在JS中没用Long型的数据类型，所以回精度丢失。解决办法： import com.fasterxml.jackson.annotation.JsonInclude; import com.fasterxml.jackson.databind.ObjectMapper; import com.fasterxml.jackson.databind.module.SimpleModule;

【问题】Long转json精度丢失的问题

我是Superman丶的博客

03-02

1249

【问题】Long转json精度丢失的问题解决方案 @Configuration public class WebMvcConfiguration implements WebMvcConfigurer { /** * Long转json精度丢失的配置 * @Return: void */ @Override public void configureMessageConverters(List<HttpMessageConv...

后端传Long类型的值给前端vue，导致精度丢失为问题的解决

徐大大的博客

10-22

2596

在前端vue中调用后端的通过id查询方法，进行对数据库中的数据查询时，发现后端查询不到数据，后经发现:用psotman对后端的查询服务进行测试，无问题。用于Java传值给前端进行JSON序列化时，将Long类型转成string类型序列化。查看前端vue获取的数据id时，发现获取的数据id和数据库中的数据的ld不一致。javascript的 Number类型最大长度是17位;mysql使用bigint类型长度是20位;数据设计使用bigint类型作为主键，Java后台使用Long类型进行接收。

前后端联调中 Long 类型 ID 精度丢失问题

最新发布

喜欢敲代码

08-20

1912

摘要：前后端联调时，Long类型ID因JS数值精度限制（仅支持53位整数）导致精度丢失，表现为"假删除"现象。解决方案：1）后端序列化Long为String（推荐）；2）前端使用json-bigint解析；3）DTO层隔离数据库类型。核心矛盾在于JS的Number类型与Java的long类型范围差异，最佳实践是后端统一返回字符串ID，从源头规避问题。

记SpringBoot项目Long类型转Json精度丢失问题

weixin_67727883的博客

05-30

350

记SpringBoot项目Long类型转Json精度丢失问题

Spring Boot返回前端Long型丢失精度

zhangkang65的专栏

11-10

4349

spring cloud alibaba项目中long类型数据返回前端最后两位变成00，参考了很多博客最后这篇对此项目有效果：解决办法之一就是让Javascript把数字当成字符串进行处理，对Javascript来说如果不进行运算，数字和字符串处理起来没有什么区别。但如果需要进行运算，只能采用其他方法，例如JavaScript的一些开源库 bignum、bigint等支持长整型的处理。在我们这个场景里不需要进行运算，且Java进行JSON处理的时候是能够正确处理long型的，所以只需要将数字转化..

springboot中，long类型数据，js丢失精度问题

bai259257的博客

04-13

2744

项目中，数据库用bigint类型存储主键，java实体类中用long类型来存储对应的属性。这个时候前台通过ajax请求获取json数据时，使用了jackson来转换。但是javascript中number类型存储的长度小于long，精度为17位，超过17位的部分就会自动补0，而long类型数据是19或者20位，所以会出现丢失精度的问题。解决手段：将long类型转换为string类型，前端接收string类型是正常的，不会丢失精度。解决办法1：在long类型的字段上加上注解，把字段解析成字符串

SpringBoot基于Jackson解决Long型长度丢失问题

Steven_1617的博客

10-31

964

SpringBoot中基于Jackson来解决Long型长度丢失问题

spring Boot处理返回给前端Long类型精度丢失

xiaoliu_alone的博客

04-13

4157

项目中采用springcloud Alibaba技术开发分布式系统，开发过程中采用雪花算法生成分布式Id，为Long类型，而Long类型返回给前端，会出现精度丢失问题。接下来我们主要了解下，如何快速的处理精度丢失的问题。

vue前端处理后台返回的Long型数据精度丢失

qq_43555948的博客

09-24

5744

vue前端处理后台返回的Long型数据精度丢失问题描述开发时后端返回的id为Long型，结果发现俩id怎么会一样呢？如下图是控制台Preview返回的数据正以为是后端那边数据有误时，我点开Response发现这边的id是正常的… Preview和Response的数据居然不一样哎呀我去…这不是搞事情么于是通过面向百度的学习方式，了解到，js对于超出17位的Long型数据会出现精度丢失的问题。有问题我们就要解决解决办法方法1：简单粗暴，手里拿着板砖和蔼的要求后端不要返回Long，返回Str

解决Vue 前端Long型超过16位精度丢失问题

qq_67513168的博客

10-18

4413

前端Long精度丢失问题

springBoot long类型长id 到前端丢失精度问题

qq_39610585的博客

01-08

1145

在Spring Boot中，如果将Long类型的id传递到前端，可能会遇到精度丢失的问题。这是因为JavaScript无法精确地表示大于Number.MAX_SAFE_INTEGER（即9007199254740991）的整数。实际应用场景：上述第二个方案会对所有Long类型进行转换实际上并不需要一下方案对值超过一定范围的属性进行转换。方式2：全局设置 ,改写配置放在容器中。方式1 ：通过注解方式。

spring boot中使用FastJson解决long类型在js中失去精度

Nightliar的博客

09-03

3361

spring boot中使用FastJson解决long类型在js中失去精度 1.pom中需要将默认的jackson排除掉 &lt;dependency&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-web

SpringBoot返回前端Long类型字段丢失精度问题及解决方案

c739816555的博客

10-25

2337

本文针对Java服务端返回Long整型数据给前端时精度丢失问题，提出了两种解决方案，大家根据自己的需求选择食用，欢迎大家批评指正。

Spring-boot项目练习笔记（一）JS处理Long型数据精度丢失问题

赵四司机的博客

05-23

976

JavaScript(JS)处理Long型数据精度丢失问题，根据雪花算法生成的id修改数据失败问题。