通过 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