首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用TypeScript的Axios :如何告诉Axios错误响应形式

Axios是一个基于Promise的HTTP客户端,用于发送HTTP请求。它可以在浏览器和Node.js中使用,并且支持各种功能,如拦截请求和响应、转换请求和响应数据等。

当使用Axios发送请求时,可以通过配置选项来告诉Axios如何处理错误响应形式。具体来说,可以通过设置validateStatus选项来定义哪些HTTP状态码被视为有效的响应。默认情况下,Axios将只考虑状态码在200到299之间的响应为有效响应。

如果要自定义错误响应形式,可以通过以下步骤进行操作:

  1. 创建一个Axios实例,并在配置选项中设置validateStatus选项。例如:
代码语言:txt
复制
import axios, { AxiosError } from 'axios';

const instance = axios.create({
  validateStatus: function (status) {
    return status >= 200 && status < 500; // 只将状态码在200到499之间的响应视为有效响应
  },
});
  1. 使用该Axios实例发送请求。例如:
代码语言:txt
复制
instance.get('https://api.example.com/data')
  .then(function (response) {
    // 处理有效响应
    console.log(response.data);
  })
  .catch(function (error: AxiosError) {
    // 处理错误响应
    console.log(error.response?.data);
  });

在上述代码中,我们通过设置validateStatus选项将状态码在200到499之间的响应视为有效响应。如果收到的响应状态码不在该范围内,Axios将触发错误处理逻辑,并将错误信息包含在AxiosError对象中的response属性中。

需要注意的是,AxiosError对象是Axios特定的错误对象,其中包含了与请求相关的错误信息,如请求配置、请求响应等。通过error.response?.data可以获取到错误响应的数据。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云API网关。腾讯云云服务器提供了可靠的云计算基础设施,可用于部署和运行各种应用程序。腾讯云API网关是一种全托管的API服务,可帮助开发者更轻松地构建、发布和管理API,并提供高性能和高可靠性。

腾讯云云服务器产品介绍链接:https://cloud.tencent.com/product/cvm

腾讯云API网关产品介绍链接:https://cloud.tencent.com/product/apigateway

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券