前端解决后端的Long型数据id返回前端时，js的数字会丢失精度的问题

Bubluu

于 2024-07-10 17:48:29 发布

阅读量313

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_45859470/article/details/140330536

版权

前端一般都是用axios进行数据请求，我们通过引入json-bigint来解决

yarn add json-bigint
//或
npm install json-bigint

在封装的请求工具类中添加如下代码即可。

axios.defaults.transformResponse = [
  function (data) {
    const json = JSONBIG({
      storeAsString: true
    })
    const res = json.parse(data)
    return res
  }
]

或者

import axios from 'axios';
import JSONBIGfrom 'json-bigint'
 
 
//利用axios对象的方法create,去创建一个axios实例
const api = axios.create({
    //基础路径
    baseURL: "http:xxxxxxxxx", // 后端地址
    timeout: 60000, // 请求超时时间
    transformResponse: [function (data) {//transformResponse这个配置项可以拦截接口返回的内容进行处理
        try {
            // 如果大数字类型转换成功则返回转换的数据结果
            return JSONBIG.parse(data);
        } catch (err) {
            // 如果转换失败，代表没有长数字可转，正常解析并返回
            return JSON.parse(data)
        }
    }]
})
 
 
 
//最后一步 暴露出去实例导出
export default api