前端Long类型精度丢失

最新推荐文章于 2025-08-20 15:50:36 发布

原创最新推荐文章于 2025-08-20 15:50:36 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #js #vue

本文探讨了在前后端交互中，如何通过添加注解和全局配置解决Long类型id在序列化时精度丢失的问题，提供两种解决方案并给出了测试实践。

描述

在后台返回的Long类型的id为长整型：1400467439103381504，但是在前端接收参数造成末尾精度丢失：1400467439103381500

解决

1、在实体类字段上添加注解

@JsonFormat(shape = JsonFormat.Shape.STRING)

在这里插入图片描述

OR

2、全局配置

继承WebMvcConfigurer

	/**
     * 配置返回前端Json
     * @param: builder
     * @return: com.fasterxml.jackson.databind.ObjectMapper
     * @author: HL
     * @date: 2021/12/27 14:17
     */
    @Bean
    public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
        ObjectMapper objectMapper = builder.createXmlMapper(false).build();

        // 将Long类型序列化成String类型 防止Long类型造成前端精度丢失
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance);
        objectMapper.registerModule(simpleModule);

        return objectMapper;
    }