文章详情: 关于后端返回数据中的大数字问题(为什么404)简洁版

427 阅读1分钟

通过 Axios 请求得到的数据都是 Axios 处理(JSON.parse)之后的,我们应该在 Axios 执行处理之前手动使用 json-bigint 来解析处理。Axios 提供了自定义处理原始后端返回数据的 API:transformResponse

在 封装请求的utils/request.js 中自定义响应数据(字符串)transformResponse 部分

npm i json-bigint

 /**
 * 封装 axios 请求模块
 */
import axios from "axios"
import store from '@/store'
import JSONbig from 'json-bigint'
const request = axios.create({
  baseURL: "http://toutiao-app.itheima.net/", // 基础路径

// transformResponse 允许自定义原始的响应数据(字符串) 解决超出js安全整数范围
  transformResponse: [function (data) {
    try {
      // 如果转换成功则返回转换的数据结果
      return JSONbig.parse(data);
    } catch (error) {
      // 如果转换失败,则包装为统一数据格式并返回
      return data
    }
  }],
})

// 添加请求拦截器: 所有权的接口,发送请求的时候都要带上 token
request.interceptors.request.use(function (config) {
  const {
    user
  } = store.state
  // 在发送请求之前做些什么
  if (user && user.token) {
    config.headers.Authorization = `Bearer ${user.token}`
  }
  // console.log(config);
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 响应拦截器
export default request