前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前后端联调-前端不能识别雪花算法id解决方案

前后端联调-前端不能识别雪花算法id解决方案

作者头像
高大北
发布2022-12-20 16:27:47
1.4K0
发布2022-12-20 16:27:47
举报

问题

  • 雪花算法生成的id作为主键时,因为其长度为19位
  • 而前端JS一般能处理16位,如果不处理的话在前端会造成精度丢失,最后两位会变成00

后端 解决方式

  • 直接把id类型改为String就行,使用JackSon包的注解
  • 对应的实体类主键属性加入注解@JsonSerialize
代码语言:javascript
复制
@JsonSerialize(using = ToStringSerializer.class)
@TableId
private Long id;

前端 解决方式

  • 前端使用 json-bigint 模块进行处理,一般都是用axios数据请求
代码语言:javascript
复制
npm install json-bigint

#代码封装
axios.defaults.transformResponse = [
  function (data) {
    const json = JSONBIG({
      storeAsString: true
    })
    const res = json.parse(data)
    return res
  }
]

或 

axios.defaults.transformResponse = [
    function (data) {
        const json = JsonBigint({
            storeAsString:true
        })
        const res = json.parse(data)
        return res
    }
]

axios.create({
    baseURL: 'http://baidu.com',
    timeout: 5000,
    timeoutErrorMessage: '请求时间过长,请联系后端或者优化请求',
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-12-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档