后端返回数字过大导致接收数值错误的问题

后端返回是这样的

我接受到的

因为数字过大显示1791043135179079700

两种解决方法1，让后端返回字符串

2使用json-bigint

npm i json-bigint

若引入 json-bigint报红，可npm i --save-dev @types/json-bigint引入类型

在需要的接口处传入，结构到封装的请求里

import service from '@/http';
var changData = {
  transformResponse: [
    function (data: any) {
      try {
        return JSONbig.parse(data)
      } catch (err) {
        console.log('转换失败', err)
        return data
      }
    }
  ]
}
/**
 * 查询左侧树结构
 */
import JSONbig from 'json-bigint'
export const getDeptTree = () => {
  return service.get('/system/user/deptTree', undefined, changData);
};

 // 常用方法封装
  get<T>(url: string, params?: object, _object: AxiosRequestConfig = {}): Promise<ResultData<T>> {
    return this.service.get(url, { params, ..._object });
  }
  post<T>(url: string, params?: object, _object: AxiosRequestConfig = {}): Promise<ResultData<T>> {
    return this.service.post(url, params, _object);
  }
  put<T>(url: string, params?: object, _object: AxiosRequestConfig = {}): Promise<ResultData<T>> {
    return this.service.put(url, params, _object);
  }
  delete<T>(
    url: string,
    params?: object,
    _object: AxiosRequestConfig = {}
  ): Promise<ResultData<T>> {
    return this.service.delete(url, { params, ..._object });
  }

此插件处理后大数字将会内置一个方法

 nowDeptId = id.toString()

最后的nowDeptId 就显示正常了