vue ts数字过长精度失真

南桥几许

于 2022-02-10 13:03:44 发布

阅读量1.4k

点赞数

分类专栏： js 文章标签： vue.js javascript typescript

本文链接：https://blog.youkuaiyun.com/z17864151193/article/details/122857930

版权

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何通过安装和使用json-bigint库来解决JavaScript中超过16位数字精度丢失的问题。在封装axios请求时，将JSON.parse替换为JSON-bigint的parse方法，确保大数据的精确转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

json-bigint 安装依赖

//ts
cnpm i --save-dev @types/json-bigint 
//js 
cnpm i json-bigint
//使用 npm 安装时会报错 建议使用cnpm安装

在封装axios文件里面

//引入依赖
import JSONbig from 'json-bigint'//解决超过 16 位数字精度丢失问题

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  timeout: 5000 * 20,
  transformResponse: [function (data) {
    try {
      // 如果转换成功则返回转换的数据结果
      //  JSONbig.parse(data)
      return JSON.parse(JSON.stringify(JSONbig.parse(data)))
    } catch (err) {
      // 如果转换失败，则包装为统一数据格式并返回
      return {
        data
      }
    }
  }]
})