問(wèn)題描述：

頁(yè)面初始化的時(shí)候，el-table數(shù)據(jù)能正常展示

image.png

這時(shí)候任意選擇一個(gè)查詢條件，列表則一直處于loading狀態(tài)。經(jīng)排查，接口數(shù)據(jù)正常返回，但控制臺(tái)多了個(gè)錯(cuò)誤信息。

企業(yè)微信截圖_16401557863348.png

image.png

這時(shí)候，我們看到接口返回了一個(gè)重復(fù)id的數(shù)據(jù)，于是聯(lián)系后端剔除重復(fù)數(shù)據(jù)。詭異的事情發(fā)生了，后端在數(shù)據(jù)庫(kù)表里面看不到有重復(fù)數(shù)據(jù)。經(jīng)后端排查，發(fā)現(xiàn)id是19位的long類型數(shù)據(jù)，但javascript是用number類型接收id，number精度是16位，于是http請(qǐng)求回來(lái)的數(shù)據(jù)精度丟失了導(dǎo)致出現(xiàn)2條重復(fù)id的數(shù)據(jù)。

解決方案：

后端把id從long類型改為string類型（序列化），問(wèn)題解決。
@JsonSerialize(
using = ToStringSerializer.class
)
private Long id;