有时候后端返回的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()"/>