解决Vue 前端Long型超过16位精度丢失问题
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
问题描述
后端利用雪花算法生成id前端接受时候精度会丢失,
这是idea控制台打印的id
这是在数据库里的id
很明显后面几位数做处理了,不过不用慌这个问题还是很简单的下面我来说下我的解决方案
解决方案:
两种解决方案
1.单个字段加注解
/** 用户ID */
@JsonSerialize(using = ToStringSerializer.class)
private Long userId;
这样后前端获取的数据就没有问题,但是数据量多了的话挨个加注解也不是个事。
2.统一配置
/**
* 统一注解,解决前后端交互Long类型精度丢失的问题
*/
@Configuration
public class JacksonConfig {
@Bean
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;
}
加一个配置类这样就可以统一进行配置了。当然还有一个更简单的方式,直接将实体类里面的类型变成String就可以了,这种方式不推荐的。当然改还是没有什么问题,就是后续操作比较繁琐需要改动的地方特别多。
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)