浏览器精度问题
# 问题产生
浏览器端一般情况下无法正确解析后端返回的long
类型的主键,比如id
啥的,这主要和 javascript 的精度问题有关,long
类型的数据会被截断,超过 17 位就会补 0,导致前端无法正确解析。
# 解决方案
- 使用
BigInt
类型,BigInt
类型是 javascript 新增的数据类型,它可以表示任意大小的整数,而不受 javascript 的精度限制。
const id = BigInt(1234567890123456789);
const key = 1234567890123345678990n;
1
2
2
- 使用
String
类型,String
类型是 javascript 的一种数据类型,它可以表示任意大小的字符串,而不受 javascript 的精度限制。
但是如果要用到的值是请求后端接口返回的值,就会出现值被自动截断补 0 的情况,这个时候就需要借助第三方插件了,推荐使用json-bigint
,在创建 axios 实例的时候,统一进行转换处理,代码如下
const options = {
transformResponse: [
(data: any) => {
try {
return JSONBig().parse(data);
} catch (error) {
return data;
}
},
],
};
const instance = axios.create(option);
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
编辑 (opens new window)
上次更新: 2024/06/26, 10:09:59