问题发生
前端接收到后端的数据出现异常,异常如下:
如图这是后端正常返回的数据,
但是点击预览时发现这个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 ==> String
simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
objectMapper.registerModule(simpleModule);
return objectMapper;
}
}
参考文档
- https://juejin.cn/post/6864692212442398728