SpringBoot雪花ID长数字Long类型精度丢失

短命女 2024-03-25 23:06 85阅读 0赞

## Long类型精度丢失 ##

> 最近项目中使用雪花ID作为主键，雪花ID是19位Long类型数字，数据返回到前端会出现精度丢失问题，数字已经超过了前端浏览器或JS的最大值。

##### Java后端数据模型 #####

![请添加图片描述][863668e5c7734e269dc90987a03cb127.png]

###### 返回到浏览器后的数据模型，前后数据不一致 ######

![请添加图片描述][8d39f360385e47f78e6c837df83dd2d8.png]

### 解决方式一：后端处理 ###

> 序列化时将Long类型转成String类型

1、在启动类中加 @JsonComponent 注解  
2、再在启动类中加上以下代码

@Bean
        public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
        
            ObjectMapper objectMapper = builder.createXmlMapper(false).build();
            //忽略value为null 时 key的输出
            objectMapper.setSerializationInclusion(JsonInclude.Include.NON_NULL);
            /**
             * 序列换成json时,将所有的long变成string
             * 因为js中得数字类型不能包含所有的java long值
             */
            SimpleModule module = new SimpleModule();
            module.addSerializer(Long.class, ToStringSerializer.instance);
            module.addSerializer(Long.TYPE, ToStringSerializer.instance);
            objectMapper.registerModule(module);
            return objectMapper;
        }

### 方式二 前端处理（Vue） ###

> 在前端使用JSONbig将大数字做安全处理

1、在package.json中引入JSONbig， “json-bigint”: “^1.0.0” ，执行npm install命令  
![请添加图片描述][98bcd0f338024b108cdb54108bfab978.png]  
2、在requesst.js中创建axios实例时增加代码处理，（**重点**）导入JSONbig和添加transformResponse属性，相当于拦截器，请求相应后处理先处理一下。

//导入JSONbig
    import JSONbig from 'json-bigint'
    // 在创建axios实例中增加transformResponse属性
    const service = axios.create({
        
      // axios中请求配置有baseURL选项，表示请求URL公共部分
      baseURL: process.env.VUE_APP_BASE_API,
      transformResponse: [function(data) {
        
        try {
        
          // 作用1：把json字符串转为js对象
          // 作用2：把里面的大数字做安全处理
          return JSONbig.parse(data)
        } catch (e) {
        
          return data
        }
      }],
      // 超时
      timeout: 10000
    })

![请添加图片描述][7ce9eb4aebf54710ac87b9a813915107.png]

## 求关注、求点赞~~~ ##

<table> 
 <thead> 
  <tr> 
   <th>点关注不迷路，喜欢的朋友们关注支持一下</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>给点继续写的动力，感谢！！</td> 
  </tr> 
 </tbody> 
</table>

[863668e5c7734e269dc90987a03cb127.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/8df030bdce954f40ba8be637d6114fb2.png
[8d39f360385e47f78e6c837df83dd2d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c85bf8dc0a5c46a4b44a4b8cbd351cea.png
[98bcd0f338024b108cdb54108bfab978.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0811a125718748dcb587d42a68b9cb61.png
[7ce9eb4aebf54710ac87b9a813915107.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/709ecf0fb1554815af041fd6af9b09b8.png