问题描述
在项目中,文章列表都成功请求到的情况下,通过已有的文章ID对文章内容请求就报了错。
原因
1.axios内部会自动的对请求来的文章ID通过JSON.parse, 进行转换
2.但是当请求回来的数据是超大整数时,由于JavaScript本身对数字
准确表示是有范围的(-2^53~2^53之间,不含两头)
3.所以转换时已经产生了误差
解决方案
1.不让axios在其内部通过JSON.parse,对数据进行转换
2.导入第三方包’json-bigint’,来替换原始的转换方法,如下:
const request = axios.create({
baseURL: 'http://ttapi.research.itcast.cn/app/',//基础路径
transformResponse: [function (data) {
// 后端返回的数据可能不是JSON 格式字符串
// 如果不是的话,那么 JSONbig.parse 调用就会报错
// 所以我们使用 try-catch 来捕捉异常, 处理异常的发生
try {
return JSONbig.parse(data)
} catch (err) {
console.log('转换失败', err)
// 如果转换失败了,则进入这里
// 我们在这里把数据原封不动的直接返回给请求使用
return data
}
// axios 默认在内部使用 JSON.parse 来转换处理原始数据
// return JSON.parse(data)
}]
})