React 中使用 axios 获取请求失败原因

在 React 中使用 axios 进行网络请求时，可能会出现请求失败的情况。为了更好地排查问题，我们可以通过使用 try-catch 块来获取请求失败的原因。在 catch 块中，可以使用 error 对象的 message 属性来获取错误信息。

以下是一个示例代码，展示如何使用 try-catch 块捕获 axios 请求失败的错误信息：

export const getCode = <T>(obj: ICodeData) =>
  request<T>('/code', 'get', {
    params: obj
  })
const res = await getCode({
          mobile: '13230000100',
          type: 'login',
        })

try {
  const res = await getCode({
    mobile: '13230000100',
    type: 'login',
  });
  // 请求成功的处理逻辑
} catch (error) {
  console.log('请求失败原因:', error.message);
}

在上述示例中，如果请求失败，将会在控制台输出错误信息，例如：'Network Error'、'Request failed with status code 404' 等等。通过捕获错误信息，我们可以更好地定位问题并进行调试。