问题发生

前端接收到后端的数据出现异常，异常如下：

如图这是后端正常返回的数据，

但是点击预览时发现这个id的数据被改变了

这就导致了我通过id去修改相关数据时无法成功

问题原因

id的长度过长（19位），前端js的Number类型精度为16位，所以导致数据格式化精度丢失

这个id是我用mybatis-plus的雪花算法自动生成的，后端实体类似如下：

后端实体参数使用Long类型是没有任何问题的，关键就在于Long类型到前端后在解析json时候会被解析为Number类型导致精度缺失。

问题解决

方案一

修改后端全部实体的id为String类型，并且修改数据库类型

方案二

优化后端返回给前端数据时候的JSON序列化，将Long类型转变为String响应给前端

**注：**在springBoot应用中默认使用Jackson进行JSON序列化响应数据给前端

package com.newblog.security.config;import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.module.SimpleModule;
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Primary;
import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;/*** <p>** </p>** @author:雷子杰* @date:2023/12/10*/
@Configuration
public class JacksonConfig {@Bean@Primary@ConditionalOnMissingBean(ObjectMapper.class)public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder){ObjectMapper objectMapper = builder.createXmlMapper(false).build();// 全局配置序列化返回 JSON 处理SimpleModule simpleModule = new SimpleModule();//JSON Long ==> StringsimpleModule.addSerializer(Long.class, ToStringSerializer.instance);objectMapper.registerModule(simpleModule);return objectMapper;}}

参考文档

• https://juejin.cn/post/6864692212442398728