一行代码解决JS数字大于2^53精度错误的问题

第一种：服务端处理

将数字转为字符串返回到浏览器端，可以通过全局的序列化配置设置，但这种方式增加了服务端的负担，同时在服务端和服务端接口对接时容易带来小麻烦。这种方式直接略过，感兴趣的同学可以自己研究。

第二种：浏览器端处理

浏览器在从服务端接收数据时，需要先获取请求的响应报文，再根据数据类型将报文序列化，常见的如json格式。

这里介绍的方式就是在http请求拿到报文，序列化为具体数据类型之前，用正则将报文里的大数字（字符长度超过15）替换处理。 所幸当前基本所有js的http请求组件都提供了原始报文的处理扩展，得以让我们能用一行代码就解决这个问题。

正则使用示例：

使用此正则，在浏览器拿到报文还未序列化之前处理即可，以下是两种不同控件的使用示例：

Axios 使用示例：

1
2
3
4
5
6
7
8
9
axios({
method: method,
url: url,
data: data,
transformResponse: [function (data) {
data = data.replace(/"(\s*)😦\s*)(\d{15,})/g, ‘":"$3"’);
return JSON.parse(data);
}],
})

umi-request 使用示例（配置Interceptors）：

1
2
3
4
5
6
responseInterceptors: [(res: Response, options: any) => {
return res.text().then(textBody => {
var resData = textBody.replace(/"(\s*)😦\s*)(\d{15,})/g, ‘":"$3"’);
return new Response(resData, options)
});
}]
USB Microphone https://www.soft-voice.com/
Wooden Speakers https://www.zeshuiplatform.com/
亚马逊测评 www.yisuping.cn
深圳网站建设www.sz886.com