VUE丢失long类型精度,使用 json-bigint 库解析大整数

json-bigint 是专门处理大整数 JSON 解析的库,会自动将超出安全范围的数字转为 BigInt,避免精度丢失。

  1. 安装依赖:
bash 复制代码
npm install json-bigint --save
bash 复制代码
import axios from 'axios';
   import JSONBig from 'json-bigint';

   // 创建自定义解析器
   const jsonParser = JSONBig({
     storeAsString: false, // false:转为BigInt;true:转为字符串
   });

   // 配置axios
   const request = axios.create({
     baseURL: '/api',
     // 重写响应数据的解析方式
     transformResponse: [function (data) {
       try {
         // 用json-bigint解析数据
         return jsonParser.parse(data);
       } catch (e) {
         // 解析失败时用默认方式
         return JSON.parse(data);
       }
     }]
   });

   export default request;
   
相关推荐
java水泥工17 小时前
旅游管理系统|基于SpringBoot和Vue的旅游管理系统(源码+数据库+文档)
spring boot·vue·计算机毕业设计·java毕业设计·旅游管理系统
duansamve1 天前
Vue3与Vue2中使用对比
vue
Jeffrey__Lin3 天前
解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题
前端·javascript·elementui·vue·elementplus
麦麦大数据3 天前
F024 RNN+Vue+Flask电影推荐可视化系统 python flask mysql 深度学习 echarts
python·rnn·深度学习·vue·echarts·电影推荐
HECHEN****4 天前
Composition API 与 React Hook 很像,区别是什么?
vue·面试题
知识分享小能手4 天前
微信小程序入门学习教程,从入门到精通,项目实战:美妆商城小程序 —— 知识点详解与案例代码 (18)
前端·学习·react.js·微信小程序·小程序·vue·前端技术
cgsthtm4 天前
RuoYi.Net后端返回雪花ID前端精度丢失问题
oracle·vue·精度丢失·雪花id·ruoyi.net
玩代码5 天前
使用 nvm(Node Version Manager) 高效管理Node.js
node.js·vue·nvm
bdawn5 天前
Vue3 项目首屏加载性能优化全攻略
性能优化·vue·策略·分包
Orange_sparkle5 天前
若依使用基本步骤
java·vue