解决Java后端Long类型返回给前端精度丢失问题

场景：

后端返回的实体类的id为19位（日期+序列共19位）的Long类型，数据库存储为bigint类型，没有问题。查询数据库后返回给前端展示的时候丢失两位精度。同时在前端vue中调后端的通过主键id查询方法，对数据库中的数据查询时，报空指针异常。

数据库：

前端F12看到的id，刚好缺失两位精度：

 

原因：

js的 Number 类型最大长度是17位，mysql 使用bigint 类型长度是20位。所以才造成精度丢失。

解决：

        最简单的方式是在VO或传输的实体类上的id主键上添加：

@JsonFormat(shape = JsonFormat.Shape.STRING)

注：@JsonFormat 表示json序列化的一种格式或者类型，而shap表示序列化后的一种类型