解决Vue中bigint⼤数问题的存在
Vue中处理⽂章⼤数(js最⼤数值问题)
1. npm install json-bigint            下载出⼤最⼤数值插件
2.在发送请求的axios请求中的统⼀配置⼀下
3.import JSONbig from'json-bigint'
/* 思路：
Axios 会在内部使⽤ JSON.parse 把后端返回的数据转为 JavaScript 数据对象，就可能出现⼤数问题
所以解决思路就是不要让 axios 使⽤ JSON.parse 来转换这个数据，⽽是使⽤ json-biginit 来做转换处理
axios 提供了⼀个 API：transformResponse，它是⼀个数组，其中每个成员就是⼀个函数，作⽤是当数据请求回来之后，做进⼀步的处理
这⾥注意只有 number 类型才有最⼤数值的问题,
⽽String类型是没有的，jsbigint 插件的核⼼就是将最⼤数值转换成String类型
*/vuejson转对象
baseURL:`/baidu`,
// `transformResponse` 在传递给 then/catch 前，允许修改响应数据
transformResponse:[function(data){
try{
// 作⽤1：把json字符串转为js对象
// 作⽤2：把⾥⾯的⼤数字做安全处理
return JSONbig.parse(data)
}catch(){
return data
}
}]
})
// 默认导出
export default instance
// 其他请求模块使⽤
// 删除⽂章内容模块使⽤
delarticle(id){
id = id.toString();// 打印出的是⼀个字符串类型的⼀长串数字(字符串类型)
delArticle(id).then((res)=>{
// 调⽤⽅法成功重新渲染页⾯
})
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。