佛山公众平台网站推广多少钱,青海专业网页设计免费建站,世界十大营销策划公司,网站开发运营工作总结这个问题并不难,但是在开发的时候没有注意到
后端返回了一个列表数据,包含id,这个id是一个大数,列表进入详情,需要将id传入到详情页面详情页面内部通过id获取数据一直404,id不正确找问题,从路由传参到请求数据发现id没有问题,然后和后端进行联调,发现后端返回的id和我获取的id…这个问题并不难,但是在开发的时候没有注意到
后端返回了一个列表数据,包含id,这个id是一个大数,列表进入详情,需要将id传入到详情页面详情页面内部通过id获取数据一直404,id不正确找问题,从路由传参到请求数据发现id没有问题,然后和后端进行联调,发现后端返回的id和我获取的id不一致实际问题产生的原因:后端返回了一个超过2的53次方的一个大数,而axios底层获取到后端原始json数据后通过JSON.parse处理,导致处理后的大数不精准了 让后端返回字符串格式前端处理: 后端返回原始数据, 不让axios处理, 我们处理然后在交给aioxsaxios他有一个配置函数transformResponse, 获取到的后端返回的原始数据json数据,在transformResponse内部通过JSONBig(json-bigint)处理后端返回的json数据,他在处理json数据的时候,会将大数处理为对象,将大数对象转为字符串使用,得到了正确的id,内部重写了toString
npm i json-bigint
import jsonBig from json-bigintconst JSONBig jsonBig({ storeAsString: true })transformResponse: [function (data) {// 1. 找到了处理的时机try {return JSONBig.parse(data) // a.num 155 4993 7742 } catch (err) {return data}},
],
