处理后端返回数据超出 JS 安全整数范围问题

最新推荐文章于 2023-05-08 17:31:56 发布

King十三

最新推荐文章于 2023-05-08 17:31:56 发布

阅读量1.6k

点赞数 2

本文链接：https://blog.csdn.net/sqLeiQ/article/details/104008449

版权

Number.MAX_SAFE_INTEGER // 9007199254740991

JSON.parse('{ "id": 9007199254740995 }') // { id: 9007199254740996 }

项目所使用的后端接口数据中包含超出 JavaScript 安全整数范围的数字，所以也需要PC 端项目一样使用 json-bigint 将后端返回数据处理一下才能正确使用。

1、安装依赖

# yarn add json-bigint
npm i json-bigint

2、引入文件

import jsonBig from 'json-bigint'

3、使用就完事了

// axios 开放了自定义转换后端返回数据的 API
// data 就是后端返回的原始数据
request.defaults.transformResponse = [function (data) {
  try {
    // 现在我们定制使用 json-bigint 来帮我们处理转换原始的 JSON 格式字符串
    // 这个方法类似于 JSON.parse，只不过它能把数据中的超出 JS 安全整数范围的数字给处理成正确的
    // 它内部有自己的算法，它会把大数字转为一个对象，我们在使用的时候把对象.toString() 就得到字符串形式的 id 了
    // 如果转换成功则返回成功的结果给请求使用
    // 如果转换失败则进入 catch，返回一个空对象
    return jsonBig.parse(data)

    // 它默认是这样的
    // return JSON.parse(data)
  } catch (err) {
    console.log('转换失败', err)
    return {}
  }
}]