使用 Axios 处理 AxiosError 的三种常见方法
创始人
2024-11-03 21:12:45
0

在这里插入图片描述
在使用 Axios 时处理 AxiosError 有几种常见的方法:

  1. 使用 try-catch 语句捕获异常:
try {   const response = await axios.get('/api/data');   // 处理响应数据 } catch (error) {   if (error.response) {     // 请求成功但状态码不在 2xx 范围     console.log(error.response.data);     console.log(error.response.status);     console.log(error.response.headers);   } else if (error.request) {     // 请求发出但没有收到响应     console.log(error.request);   } else {     // 在设置请求时发生了错误     console.log('Error', error.message);   } } 
  1. 使用 Axios 实例的 interceptors 拦截器:
const instance = axios.create();  instance.interceptors.response.use(   (response) => {     // 处理成功响应     return response;   },   (error) => {     // 处理错误响应     if (error.response) {       // 请求成功但状态码不在 2xx 范围       console.log(error.response.data);       console.log(error.response.status);       console.log(error.response.headers);     } else if (error.request) {       // 请求发出但没有收到响应       console.log(error.request);     } else {       // 在设置请求时发生了错误       console.log('Error', error.message);     }     return Promise.reject(error);   } ); 
  1. 使用 axios.isAxiosError() 判断错误是否来自 Axios:
axios.get('/api/data')   .then((response) => {     // 处理响应数据   })   .catch((error) => {     if (axios.isAxiosError(error)) {       // 处理 AxiosError       if (error.response) {         // 请求成功但状态码不在 2xx 范围         console.log(error.response.data);         console.log(error.response.status);         console.log(error.response.headers);       } else if (error.request) {         // 请求发出但没有收到响应         console.log(error.request);       } else {         // 在设置请求时发生了错误         console.log('Error', error.message);       }     } else {       // 处理其他类型的错误       console.log('Error', error);     }   }); 

相关内容

热门资讯

技巧辅助挂!pokermast... 技巧辅助挂!pokermaster修改器,丹东约战麻将辅助器,演示教程(有挂细节)1、点击下载安装,...
现场直击!wepokerplu... 现场直击!wepokerplus万能挂,丰城双剑新版最强高分攻略,操作教程(有挂方针)1.丰城双剑新...
插件辅助挂!wepoker有辅... 插件辅助挂!wepoker有辅助器吗,乐平包王攻略,学习教程(有挂方略)1、首先打开乐平包王攻略辅助...
据玩家消息!拱趴大菠萝辅助神器... 据玩家消息!拱趴大菠萝辅助神器,多乐跑得快辅助器,机巧教程(证实有挂)1、在拱趴大菠萝辅助神器插件功...
此事备受玩家关注!来玩app破... 此事备受玩家关注!来玩app破解版,h5能反杀吗,绝活教程(有挂详细)1、打开软件启动之后找到中间准...
值得注意的是!aapoker破... 值得注意的是!aapoker破解侠是真的吗,蜀山四川游戏修改工具,经验教程(有挂助手)1、金币登录送...
第三方辅助!wepoker脚本... 第三方辅助!wepoker脚本,广东星悦有外开挂辅助器吗,法门教程(有挂分析)广东星悦有外开挂辅助器...
此事引发广泛关注!德州透视脚本... 此事引发广泛关注!德州透视脚本,崇阳斗棋辅助脚本视频,诀窍教程(的确有挂)暗藏猫腻,小编详细说明崇阳...
黑科技辅助挂!wepoker买... 黑科技辅助挂!wepoker买脚本靠谱吗,情怀七喜游戏辅助,法门教程(有挂方法)1、每一步都需要思考...
方法辅助挂!aapoker怎么... 方法辅助挂!aapoker怎么设置提高好牌几率,蘑菇云辅助使用视频,绝活儿教程(讲解有挂)1、完成蘑...