关于 js里面的数字的精度缺失_js定义数字类型缺失数据-CSDN博客

本文链接：https://blog.csdn.net/xiayanlun/article/details/109661502

vue数据请求失真问题

如果请求的返回值到了这里，那么我们的数据已经被请求拦截器axios默认使用JSON.parse() 给转换了，进度已经缺失了，id就变了，所以我们的获取await结构的返回值总是error404；但是一些短id 不会有这个个问题，因为js里面的数字的精度最大支持 2的53次方，只要小于这个数组，就不会导致精度缺失。

methods: {
    async getArticlesDetailAjax() {
      await articlesDetailAjax(this.articleId);
      const res = await articlesDetailAjax(this.articleId);

在这里插入图片描述

request.interceptors.response.use(
  function(response) {
    // console.log('响应拦截器的打印：', response);
    console.log(
      ' 响应拦截器的打印，在这里的时候，axios已经帮我们吧返回的数据通过JSON.parse给转换完毕了：',
      response
    );

解决方案

官方网址：https://www.npmjs.com/package/json-bigint
在这里插入图片描述
使用 Json- bigint插件通过axiao 实例请求头里面添加一个transformResponse，
我们使用了JSONBIGINT转换了数字以后，大数字就不是数字了，是个对象，对象是不能当做key的， key只能是number或者string，并且要唯一。

const request = axios.create({
  baseURL: config.baseURL,
  // 这个transformResponse 要么就不写，如果写了直接返回一个data， 就表示我们告诉axios，你不要给我将服务器的返回值 通过JSON.parse转换，就返回原始的值
  transformResponse: [
    function(data) {
      // 我们不希望axios给我们使用默认的 JSON.parse转换数据
      // 我们自己使用 JSONBigint来手动转换
      try {
        // 如果转换的服务器的数据，不是一个json字符串，就会报错，所以我们要做try、
        //  catch的处理
        return JSONBigint.parse(data);
      } catch (err) {
        return data;
      }
    },
  ],
});