axios+catch

Axios是一个流行的基于Promise的HTTP客户端库，广泛用于JavaScript应用程序中。当你在使用axios发送HTTP请求时，可能会遇到错误情况，这时候就需要捕获异常并处理。`catch`关键字在Promise链中通常用于处理Promise的状态变为rejected（失败）的情况。

以下是一个基本的例子，展示了如何在axios请求中添加错误处理：

import axios from 'axios';

const getData = async () => {
  try {
    const response = await axios.get('https://api.example.com/data');
    // 处理成功返回的数据
    console.log(response.data);
  } catch (error) {
    // 捕获和处理请求错误
    if (error.response) {
      console.error(`服务器响应状态码: ${error.response.status}`);
      console.error(error.response.data);
    } else if (error.request) {
      console.error('网络请求出错', error.request);
    } else {
      console.error('未知错误', error.message);
    }
  }
};

getData();

在这个例子中，`try-catch`结构包裹了axios的异步GET请求。如果请求成功，数据会被解析并打印；如果请求失败，会捕获`error`对象，并根据其类型分别处理网络请求错误、服务器响应错误等。