Vue中请求的响应数据preview预览和response数值不准确问题，覆盖默认js最大安全整数解决方案

分析问题原因

network中预览的id

network中response的id

数值不相符

原因

原因 js有自己的最大安全整数（相应数据数值太大，导致有误差）
js在解析数据时会自动执行 json.parse（方法）

通过number.MAX_SAFE_INTEGER可以查看js最大安全整数
当请求回的数据超过这个数值就会导致不准确

解决方案

下载json-bigint包来覆盖默认的json.parse方法

axios官方文档

// `transformResponse` 在传递给 then/catch 前，允许修改响应数据
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理
    return data;
  }],

第一步安装 josn-bigint
npm i json-bigint

第二步 在common.js文件导入文件
import JSONBIG from 'json-bigint'

第三步 在拦截器之前，携带请求头位置添加转换配置
const instance = axios.create ({
    //响应时间5000毫秒
    timeout:5000
    //设置基地址
    baseURL='url地址'
    //转换数据响应格式，通过transformresponse==>在then和catch之前覆盖默认转换方式
    transformresponse:[data=>{
    //data是原始字符串数据
    const jsonObject = JSONBIG.parse(data)
    return jsonObject 
    }]
})

通过此方法可以解决数值不准确问题