【解决】控制台解析preview和response数据不一致，并使用transformResponse修改响应数据

a堅強的泡沫

已于 2023-02-28 15:13:42 修改

阅读量1.9k

点赞数 1

分类专栏：实战经验文章标签：前端 javascript

于 2022-11-24 19:07:25 首次发布

本文链接：https://blog.csdn.net/weixin_43973415/article/details/128024578

版权

实战经验专栏收录该内容

32 篇文章

订阅专栏

博客讨论了在预览和响应控制台中JSON数据解析不一致的问题，特别是Long型数据在浏览器中转换导致的误差。提出两种解决方案：一是数据传输前将其转为字符串；二是利用json-bigint库在响应处理阶段转换数据。

摘要由CSDN通过智能技术生成

问题

控制台解析preview和response数据不一致。
比如：

{id: 1246000001606460673}

// 会被默认解析成
{id: 1246000001606460700}

在Preview(预览功能)中，控制台会把发送过来的json数据自动转换成javascript的对象格式。

因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。

解决

方案一：在返回数据之前就将数据转换为字符串。
方案二：在传递给 then/catch 前，结合开源库json-bigint，使用transformResponse修改响应数据。

import JSONBig from 'json-bigint';

    const res = await axios({
      url: requestUrl,
      params: queryStringParameters,
      data,
      method,
      transformResponse: [
        function (resData) {
          try {
            return JSONBig.parse(resData);
          } catch (e) {
            return JSON.parse(resData);
          }
        },
      ],
    });