vue项目，long类型精度丢失

已于 2022-11-18 15:56:05 修改
阅读量1.3k 收藏 1
点赞数
文章标签： javascript 开发语言 ecmascript
于 2022-11-11 15:21:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61233367/article/details/127806895
版权
在处理从后端获取的JSON数据时，前端发现Long类型的ID出现精度丢失。通过与后端协作，将ID以JSON字符串形式返回。前端使用一系列字符串替换方法转换JSON格式，然后用JSON.parse()解析，成功获取完整ID。具体转换包括替换冒号、逗号、花括号等，以及处理特殊数字格式。
摘要由CSDN通过智能技术生成

让后端返回JSON格式如下：

"data":"[{\"addr\":\"*****-B15栋\",\"address\":\"*****-B1栋\",\"area\":\"集美区\",\"authentication\":1,\"avatar\":\"https://westar-13********.cos.ap-nanjing.myqcloud.com/android/verify/1660291948673693.jpeg\",\"bizNo\":\"22081212\",\"cid\":154522558561647483,\"city\":\"**市\",\"contractStatus\":0,\"createTime\":\"2022-07-14 13:46:28\",\"ddId\":\"2005761244-11675320799\",\"deliveryMode\":0,\"distance\":0,\"endTime\":\"00:00:00\",\"exhibition\":\"https://westar-130*******.cos.ap-nanjing.myqcloud.com/android/verify/1660291959008736.jpeg\",\"fabulous\":0,\"fnId\":\"213663547\",\"foodSafetyLicence\":\"https://westar-1303083093.cos.ap-nanjing.myqcloud.com/android/verify/1660286680329591.jpeg\",\"handheldLicencePic

最低0.47元/天 解锁文章
会fei的刘博士
关注
JSON 中 Long类型精度缺失的问题
优秀的亮亮
01-02 4310
后端传入的JSON字符串`{"id": 130872882849357824, "name": "张三", "age": 22}`，前端通过`user.id`获取`id`时，`id`的值变成了`130872882849357820`，也就是说`id`的个位数精度缺失了。主要原因是前端将json字符串反序列化成对象时，将这个`id`转成了`Number`类型。
后端Long型数据传给前端精度丢失问题 分布式id 解决方案
fllow_wind的博客
03-17 1727
Long型数据id传给前端精度丢失问题 今天将文章类的数据传给前端时，发现前端接受的数据id不一样 如前端获得的id=1405916999732707300,数据库的是id=1405916999732707330 @Data public class ArticleVo { 原来是分布式`id `比较长，传到前端解析不完全 会有**精度损失**，必须转为`string`类型 进行传输，就不会有问题。
【问题】Long转json精度丢失的问题
我是Superman丶的博客
03-02 1127
【问题】Long转json精度丢失的问题 解决方案 @Configuration public class WebMvcConfiguration implements WebMvcConfigurer { /** * Long转json精度丢失的配置 * @Return: void */ @Override public void configureMessageConverters(List<HttpMessageConv...
SpringBoot+Vue Long类型精度丢失解决办法
qq_45504834的博客
03-13 596
SpringBoot+Vue Long类型精度丢失解决办法
Vue解决后端返回Long类型丢失精度问题
HooliJia的专栏
03-09 3791
Vue解决后端返回Long类型丢失精度问题 最近帮人搞个项目，由于没怎么对接，后端就直接返回long类型的id，这搞得前端比较被动，后端如果处理long类型，会影响其他功能，索性前端想办法解决吧，正所谓：没有解决不了的问题只是看你想不想解决 干货 经过一番分析和搜查之后，找到了Jison这个开源项目，按照Github文档介绍下载项目 npm install jison -g 然后下载jsonlint项目，修改src下的jsonlint.y文件 将原文本的 JSONNumber : NUMBE
vue前端处理后台返回的Long型数据精度丢失
qq_43555948的博客
09-24 5264
vue前端处理后台返回的Long型数据精度丢失 问题描述 开发时后端返回的id为Long型，结果发现俩id怎么会一样呢？如下图是控制台Preview返回的数据 正以为是后端那边数据有误时，我点开Response发现这边的id是正常的… Preview和Response的数据居然不一样 哎呀我去…这不是搞事情么 于是通过面向百度的学习方式，了解到，js对于超出17位的Long型数据会出现精度丢失的问题。 有问题我们就要解决 解决办法 方法1：简单粗暴，手里拿着板砖和蔼的要求后端不要返回Long，返回Str
SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理
最新发布
yuanjinshenglife的专栏
04-15 1440
SpringBoot与Vue前后分离项目中返回结果为Long类型精度丢失问题处理
后端Long类型19位返回前端丢失精度问题
weixin_42930033的博客
09-01 2067
后端Long类型19位返回前端丢失精度问题 问题原因： 由于Long类型最大19位而JavaScript最大接收数字为16位，固存在精度丢失问题 解决方案 1.导入Maven依赖 <dependeny> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.9.10.6</vers
Jison解决JS处理后端返回的Long型数据精度丢失问题
Vae's Blog
02-19 1307
在前端页面展示数据的时候，通常都需要处理来自后端的json数据。通常这个过程都是非常简单的，比如通过jQuery的ajax。但是如果服务器传来的json中包含一个很大的整数，如 { “id”: 296675198462066688 } ，那么接受后会发现变成了 { id: 296675198462066700 } 。 简单的解决方法，让后端传给你string类型 但是后端的人会说：你们前端怎么显示...
解决Vue 前端Long型超过16位精度丢失问题
qq_67513168的博客
10-18 3970
前端Long精度丢失问题
前端Long类型精度丢失
hanlin
07-02 260
描述 在后台返回的Long类型的id为长整型：1400467439103381504，但是在前端接收参数造成末尾精度丢失：1400467439103381500 解决 在实体类字段上添加注解 @JsonFormat(shape = JsonFormat.Shape.STRING)
JS &VUE前端处理Long类型丢失精度，所以
java技术专家全栈成长之路
04-08 6085
丢失精度之后 1247483476722753500 1247483477192515600 真正的数据库数值 1247483476722753538 1247483477184126977 1247483477184126977 解决办法，String--<>---Long 相互替换 @Component @Lazy(true) public class DozerG...
服务端返回Long前端显示精度丢失
lemon
11-25 837
服务端返回Long前端显示精度丢失 参考： HttpMessageConverters 后端传输前段Long类型太长，而Java序列化JSON丢失精度的问题 修复Long类型太长，而Java序列化JSON丢失精度问题的方法 Springboot返回给前端的Long类型数据失去精度 关于springmvc 返回long类型数据前台丢失精度的问题 Spring Boot返回前端Long型丢失精度 ...
【避坑】解决后端返回Long类型的数据前端精度丢失问题
小学弟的博客
06-14 2374
今天又遇到了后端返回的某个字段的数字太长，JS精度丢失了，导致前端展示的时候数字变成了科学计数法，有些甚至直接展示错误！
前端获取后端传过来的long数据的精度丢失问题
weixin_46731239的博客
10-29 887
问题描述：前端获取后端传过来的数据的精度丢失 原理： 后端传递过来的是long数据类型，会被js解析产生错误 前端解决办法 使用json-bigint插件：在js解析之前转化问bigint数据格式，就不会丢失精度 1.npm安装 npm i json-bigint 2.在request.js文件中引入json-bigint，配置默认数据转换 import JSONbig from 'json-bigint' axios.defaults.transformResponse = [
微信小程序 json long JSON.parse() long 类型 丢失精度 解决方案 正则 封装request请求
qq_34368953的博客
02-05 2273
JTO: function(str) { var reg = /: *\d{14,20} *,/g; str = str.replace(reg, function (a) { return a.replace(/: */g, ":\"").replace(/ *,/g, "\","); }); return str; }, dataType:"text"， 把json字符串里的l...
vue开发之----后端过来的数据丢失精度问题后几位00
山鬼谣弋痕夕的博客
06-16 3774
后端过来的数据丢失精度问题后几位00？怎么就不一样了呢？
SpringCloud微服务踩坑系列-Long类型参数的精度缺失
个人专长：数据结构和算法、大数据、数据库、主流框架
05-26 222
Long类型的精度缺失问题
解决前端请求携带Long类型数据精度丢失的两种方案
qq_52692506的博客
08-02 1396
解决前端请求携带Long类型数据精度丢失的两种方案(从序列化和反序列化中下手)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值