js中的大数问题

有时候后端返回的id是一串很长的数字

• 但是js中能够表示的数组最大的范围： 2的-53次方到2的53次方之间

• 如果数字超过了这个范围就会出现精度丢失的问题

• 有的项目中的文章的id就超出了范围。所以在json转成对象的时候，id就不正确了。

• 如何解决：需要使用json-bigint库

1. 安装  yarn add json-bigint
2. 引入json-bigint

var res = '{"id": 1326325328917823488, "name": "zs"}'
console.log('1', JSON.parse(res).id)
console.log('2', JSONbig.parse(res).id.toString())

大数问题最终解决方案

安装json-bigint

yarn add json-bigint

在request.js中控制axios转换响应的逻辑

import JSONbig from 'json-bigint'

const instance = axios.create({
  // baseURL: 'http://ttapi.research.itcast.cn/',
  baseURL,
  timeout: 3000,
  // 自定义响应的处理
  transformResponse: [function (data) {
    // 对 data 进行任意转换处理  data就是后端返回的原始字符串
    try {
      return JSONbig.parse(data)
    } catch {
      return data
    }
  }]
})

将来使用id的时候，需要记住，id是一个对象类型了，需要toString()

<van-cell v-for="item in list" :key="item.art_id.toString()"/>