问题：后端由于字符内容过长，前端展示精度丢失修复

问题：后端由于字符内容过长，前端展示精度丢失修复

虽然我们在 Swagger 接口测试中并没有看到精度丢失的错误，但是在测试‏中，如果你打开 F12‎ 控制台，利用预览来查 看响应数据，就会发现另⁡一个问题：id 的最后 两位好像都变成 0 了！

这是由于前端 JS 的精度范围有限，我们后端返回的 ID 范围过大，导致前端精度丢失，会影响前端页面获取到的数据结果。
为了解决这个问题，可以在后端 config 包下新建一个全局 JSON 的配置，将整个后端 Spring MVC 接口返回的值的长整型数字转换为字符串进行返回，从而集中解决问题。

1. package com.rainbowsea.yupicturebackend.config;
3. import com.fasterxml.jackson.databind.ObjectMapper;
4. import com.fasterxml.jackson.databind.module.SimpleModule;
5. import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
6. import org.springframework.boot.jackson.JsonComponent;
7. import org.springframework.context.annotation.Bean;
8. import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;
10. /**
11. * Spring MVC Json 配置
12. */
13. @JsonComponent
14. public class JsonConfig {
16.     /**
17.      * 添加 Long 转 json 精度丢失的配置
18.      */
19.     @Bean
20.     public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
21.         ObjectMapper objectMapper = builder.createXmlMapper(false).build();
22.         SimpleModule module = new SimpleModule();
23.         module.addSerializer(Long.class, ToStringSerializer.instance);
24.         module.addSerializer(Long.TYPE, ToStringSerializer.instance);
25.         objectMapper.registerModule(module);
26.         return objectMapper;
27.     }
28. }

复制代码

重启项目进行测试，这次看到的 id 值就正常了：

最后：

“在这个最后的篇章中，我要表达我对每一位读者的感激之情。你们的关注和回复是我创作的动力源泉，我从你们身上吸取了无尽的灵感与勇气。我会将你们的鼓励留在心底，继续在其他的领域奋斗。感谢你们，我们总会在某个时刻再次相遇。”

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！