开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Axios:哪些HTTP响应状态码导致then()和catch()中的哪个？

Axios 是一个基于 Promise 的 HTTP 客户端，用于发送 HTTP 请求。当使用 Axios 发送请求时，根据请求的响应状态码，决定了 then() 和 catch() 方法中的执行情况。

以下是常见的 HTTP 响应状态码及对应的处理情况：

2xx 成功类状态码：这些状态码表示请求已成功处理。在 Axios 中，响应状态码在 200 到 299 范围内，这些状态码会触发 then() 方法中的回调函数。可以根据具体的状态码进行不同的处理，如 200 表示成功获取资源，201 表示成功创建资源等。
3xx 重定向类状态码：这些状态码表示需要进一步的操作来完成请求。在 Axios 中，这些状态码会被自动跟踪和处理。Axios 会自动跟随重定向，并在最终的响应中触发 then() 方法中的回调函数。
4xx 客户端错误类状态码：这些状态码表示请求包含错误或无法完成请求。在 Axios 中，响应状态码在 400 到 499 范围内，这些状态码会触发 catch() 方法中的回调函数。可以根据具体的状态码进行不同的处理，如 404 表示请求的资源不存在，401 表示未授权等。
5xx 服务器错误类状态码：这些状态码表示服务器无法完成显式请求。在 Axios 中，响应状态码在 500 到 599 范围内，这些状态码会触发 catch() 方法中的回调函数。可以根据具体的状态码进行不同的处理，如 500 表示服务器内部错误，503 表示服务器暂时不可用等。

需要注意的是，以上只是常见的 HTTP 响应状态码的一部分，实际上还有更多的状态码可以出现。Axios 会根据 HTTP 响应中的状态码，决定将请求的结果传递给 then() 或 catch() 方法中的哪个回调函数。

在腾讯云中，可以使用腾讯云 API 网关产品来构建和管理 API，并结合腾讯云函数计算来实现无服务器计算，从而更好地处理 HTTP 请求和响应。具体产品信息请参考腾讯云 API 网关（https://cloud.tencent.com/product/apigateway）和腾讯云函数计算（https://cloud.tencent.com/product/scf）。

另外，腾讯云还提供了云原生应用引擎 TKE（Tencent Kubernetes Engine）来帮助用户轻松构建、部署和管理容器化应用。TKE 可以提供高性能的容器服务，使用户能够更好地管理和调度应用程序。具体产品信息请参考腾讯云 TKE（https://cloud.tencent.com/product/tke）。

相关搜索:检查Axios promise catch块VueJs中的HTTP状态代码如何访问HTTP响应中的状态码和错误消息 REST服务中的外部API使用哪些http状态码？如何在nest.js中更改方法体上的响应http状态码从MVC Controller.OnActionExecuting中的catch块返回Http错误状态似乎会导致向HTTP请求返回空结果当负载中的标识符不存在时，返回哪个http状态码？asp与.net asp母版页底部 asp网站有哪些 asp200源码

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

常见http状态码有哪些(常用的http响应状态码)

大家好，又见面了，我是你们的朋友全栈君。 HTTP状态码(HTTP Status Code)是一种表示网页服务器响应状态的三位数字编码。通过这些数字，可以简化状态的表达。...状态码有十种，其中首位数字为1-5。根据这5个数字，状态码可以分为5类。1XX表示请求正在处理；2XX表示请求已经成功处理；3XX表示重定向；4xx表示请求错误；5xx表示服务器错误。...在嗅探抓包的过程中，常见的状态吗有200和304。这两个状态码都关系到能否获取重要的信息。当用户第一次请求服务器资源，服务器成功返回资源，这是状态码为200。...所以，状态码为200的数据包往往包含用户从服务器获取的数据。每个资源请求完成后，通常会被缓存在客户端，并会记录资源的有效时间和修改时间。当客户再次请求资源时，客户端首先从缓存中查找该资源。...服务器会判断修改时间，如果没有修改过，就会返回状态码304，告诉客户端该资源依然有效，客户端会直接使用缓存中的资源。针对304响应，渗透人员可以分析对应的请求包，获取资源路径。

1.1K2 0

Vue合理配置axios并在项目中进行实际应用

接下来，带大家看一下，add命令都做了哪些事情 src下新建了一个plugins文件夹，这个文件夹用于存放Vue引入插件的相关配置文件在plugins文件夹中，新建了axios.js文件在package.json...=>{ // 失败的回调 }); /* 支持所有http请求以及请求取消、并发请求等功能，更多细节以及使用方法移步官方文档文档: [axios文档](http://www.axios-js.com.../** * 请求失败后的错误统一处理，当然还有更多状态码判断，根据自己业务需求去扩展即可 * @param {Number} status 请求失败的状态码 */ const errorHandle...响应失败后对状态码进行统一处理在请求拦截中添加token 在响应拦截中对token过期进行相应处理 api抽离接口域名抽离抽离API和域名接口为什么要进行API抽离？...，可方便接口的调用，当然你也可以按需加载，用到哪个模块的接口在在哪个模块下进行引用。

2K2 0

面试官：Vue项目中有封装过axios吗？怎么封装的？

一、axios是什么 axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端...现在 axios 已经成为大部分 Vue 开发者的首选特性从浏览器中创建 XMLHttpRequests 从 node.js 创建 http请求支持 Promise API 拦截请求和响应转换请求数据和响应数据...，这块需要和后端约定好请求方法：根据get、post等方法进行一个再次封装，使用起来更为方便请求拦截器: 根据请求的请求头设定，来决定哪些请求可以访问响应拦截器：这块就是根据后端`返回来的状态码判定执行不同业务...}, error => { return Promise.error(error) }) 响应拦截器响应拦截器可以在接收到响应后先做一层操作，如根据状态码判断登录状态、授权 /.../ 响应拦截器 axios.interceptors.response.use(response => { // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据 // 否则的话抛出错误

2K2 1

搭建前端监控，如何采集异常数据？

拦截器中捕获异常首先我们为 axios 添加响应拦截器： // 响应拦截器 instance.interceptors.response.use( (response) => { return...如果有响应，首先获取状态码，根据状态码来判断什么时候需要收集异常。上面的判断方式简单粗暴，只要状态码大于 400 就视为一个异常，拿到响应数据，并执行上报逻辑。...接口异常一般需要的数据字段如下： code：http 状态码 url：接口请求地址 method：接口请求方法 params：接口请求参数 error：接口报错信息这些字段都可以在 error 参数中获取...page_route：异常的页面路由 page_title：异常的页面名称 app 和 version 都是应用配置，可以判断异常出现在哪个应用的哪个版本。...在 React 中和 Vue 一样，用户信息可以直接从状态管理里拿。因为 React 中没有全局获取当前旅游的快捷方式，所以页面信息我也会放在状态管理里面。

2K3 0

腾讯前端vue面试题合集2

策略模式策略模式指对象有某个行为,但是在不同的场景中,该行为有不同的实现方案-比如选项的合并策略Vue中v-html会导致哪些问题可能会导致 xss 攻击v-html 会替换掉标签内部的子元素let...一、axios是什么axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。...现在 axios 已经成为大部分 Vue 开发者的首选特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换...)状态码: 根据接口返回的不同status ，来执行不同的业务，这块需要和后端约定好请求方法：根据get、post等方法进行一个再次封装，使用起来更为方便请求拦截器: 根据请求的请求头设定，来决定哪些请求可以访问响应拦截器...error => { return Promise.error(error) })响应拦截器响应拦截器可以在接收到响应后先做一层操作，如根据状态码判断登录状态、授权// 响应拦截器axios.interceptors.response.use

1.1K3 0

前后端交互的弯弯绕绕

：GET、POST、PUT、DELETE 等 HTTP 请求，并处理响应；Axios 的主要特点包括：支持浏览器和 Node.js：在不同的环境中使用相同的 APIPromise-based：使得异步操作更加简洁取消请求...根据响应状态码?...因为，普通用户不会去控制台里看错误信息，我们要编写代码拿到错误并展示给用户在页面上，使用 axios 的 catch 方法，捕获这次请求响应的错误并做后续处理，具体的错误处理过程如下：如果请求成功发出且服务器也响应了状态码...，但状态代码超出了 2xx 的范围，Axios 会捕获到一个 error.response 对象，其中包含了响应的数据、状态码和头部信息如果请求已经成功发起，但没有收到响应，error.request...：then() 回调函数中的返回值，会影响新生成的 Promise 对象最终状态和结果每个 Promise 对象中管理一个异步任务，用 then 返回 Promise 对象，串联起来好处：通过链式调用，

1042 0

如何在Vue项目中封装axios

一、axios简介 axios 是一个基于 XMLHttpRequest 的轻量级HTTP客户端，适用于浏览器和Node.js环境。...它提供以下特性：创建XMLHttpRequests和HTTP请求支持 Promise API 请求和响应拦截数据转换取消请求自动转换JSON数据客户端XSRF防御 Vue 2.0起，官方推荐使用...虽然 axios 的API设计友好，但随着项目规模增长，直接使用 axios 可能会导致以下问题：重复编写配置代码，如超时时间、请求头等。...添加响应拦截器在响应拦截器中处理通用错误和业务逻辑： axios.interceptors.response.use(response => { if (response.status === 200...) { // 根据状态码处理业务逻辑 return Promise.resolve(response.data); } else { return Promise.reject

1861 0

【面试Vue全家桶】vue前端交互模式-es7的语法结构？asyncawait

符合规则的url有哪些是正确的呢？ http://www.dada.cnhttp://www.dada.cn/index/dadahttp://www.dada.cn/index/dada?...在JavaScript中的世界里，所有的代码都是单线程执行的。因为这个缺点，所以会导致在JavaScript中的所有网络操作，浏览器事件，都必须是异步执行的，异步执行可以用回到函数实现。...用于浏览器和node.js的HTTP客户端。...:'dada',}).then(res=>{console.log(res.data)}) axios的响应结果 data为响应回来的数据，headers为响应头信息，status为响应状态码，statusText...响应状态信息。

1.5K1 0

axios介绍与使用说明 axios中文文档

Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。...` 定义对于给定的HTTP 响应状态码是 resolve 或 reject promise 。...axios请求的响应包含以下信息： { // `data` 由服务器提供的响应 data: {}, // `status` HTTP 状态码 status: 200, //...") .catch(function (error) { if (error.response) { // 请求已发出，但服务器响应的状态码不在 2xx 范围内 console.log...状态码的错误范围。

76.4K11 3

总结Vue3 的一些知识点：Vue3 Ajax(axios)

Vue3 Ajax(axios)Vue 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。...响应状态码是 resolve 或 reject promise 。...axios请求的响应包含以下信息：{ // `data` 由服务器提供的响应 data: {}, // `status` HTTP 状态码 status: 200, // `statusText...('/user/12345') .catch(function (error) { if (error.response) { // 请求已发出，但服务器响应的状态码不在 2xx 范围内...状态码的错误范围。

1.8K7 0

总结Vue3 的一些知识点：Vue3 Ajax(axios)

Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。...` 定义对于给定的HTTP 响应状态码是 resolve 或 reject promise 。...axios请求的响应包含以下信息： { // `data` 由服务器提供的响应 data: {}, // `status` HTTP 状态码 status: 200, //...('/user/12345') .catch(function (error) { if (error.response) { // 请求已发出，但服务器响应的状态码不在 2xx...状态码的错误范围。

2671 0

axios2教程

axios axios 是一个基于 promise 的 HTTP 库，用于浏览器和node.js的http客户端，支持拦截请求和响应，自动转换 JSON 数据，客户端支持防御 XSRF。...响应内容的最大长度 maxContentLength: 2000, // 定义可获得的http响应状态码 // return true、设置为null或者undefined，promise...response由以下几部分信息组成 { // 服务端返回的数据 data: {}, // 服务端返回的状态码 status: 200, // 服务端返回的状态信息 statusText...') .catch(function (error) { if (error.response) { // 发送请求后，服务端返回的响应码不是 2xx console.log.../ 只有当状态码大于或等于500时才会拒绝 } }) 取消请求你可以通过cancel token来取消一个请求 axios取消令牌API基于撤销的可取消的承诺提案你可以使用“CancelToken

3.2K3 1

axios封装token示例

在其他模块中，可以像使用原始的 Axios 一样使用该实例，不必在每个请求中都手动添加 Token。例如： import axios from '....以下是一个较为完整的 Axios 封装例子，它实现了以下功能：添加了一个请求拦截器，在请求中添加 Token 和其他公共参数；添加了一个响应拦截器，在响应中统一处理错误；对于 HTTP 状态码非...instance.interceptors.response.use( response => { // 对于 HTTP 状态码非 200 的响应，将错误信息以 Promise.reject...我们使用了环境变量 VUE_APP_API_BASE_URL 和 VUE_APP_APP_ID 分别存储了 API 的基础 URL 和应用程序的 ID，以便在请求拦截器中使用。...在响应拦截器中，我们判断了 HTTP 状态码非 200 的响应，并将错误信息以 Promise.reject 的形式返回。对于 401 错误，我们自动跳转到登录页面。

1.1K1 0

快速理解 Axios

，简单的讲就是可以发送get、post等请求，可以用在浏览器和 node.js 中。...本身只有在HTTP状态码是以2开头的时候是成功，其余都认为是失败状态，当然我们也可以自己来设置 return 的结果。...axios 并没有像JQ中有catch那样的配置项来清理缓存，我们可以通过给URL地址后设置请求头来处理 <!...:我们自己配置的选项信息 DATA:存储的是响应主体内容 HEADERS:存储响应头的信息 REQUEST:AJAX实例 STATUS:响应状态码 STATUS-TEXT:...状态码的描述其中 DATA（从data中获取响应主体内容）和 HEADERS（）中的内容是我们所常用到的所以处理返回结果 axios.get('http://127.0.0.1:8080

1211 0

Vue.js Ajax请求配置项

` 定义对于给定的HTTP 响应状态码是 resolve 或 reject promise 。...axios请求的响应包含以下信息： { // `data` 由服务器提供的响应 data: {}, // `status` HTTP 状态码 status: 200, //...`statusText` 来自服务器响应的 HTTP 状态信息 statusText: "OK", // `headers` 服务器响应的头 headers: {}, // `config...('/user/12345') .catch(function (error) { if (error.response) { // 请求已发出，但服务器响应的状态码不在 2xx...状态码的错误范围。

3.1K3 0

vue使用Axios做ajax请求

在要使用的文件中引入axios import axios from 'axios' 3. 使用axios做请求可以通过向 axios 传递相关配置来创建请求, 只有 url 是必需的。...` 定义对于给定的HTTP 响应状态码是 resolve 或 reject promise 。...5, // 默认的 // `httpAgent` 和 `httpsAgent` 分别在 node.js 中用于定义在执行 http 和 https 时使用的自定义代理。...请求的响应结构 { // `data` 由服务器提供的响应 data: {}, // `status` 来自服务器响应的 HTTP 状态码 status: 200, // `statusText...` 来自服务器响应的 HTTP 状态信息 statusText: 'OK', // `headers` 服务器响应的头 headers: {}, // `config` 是为请求提供的配置信息

2K12 0

Axios使用方法-实现前后端交互

什么是Axios Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。...Axios文档地址：https://www.axios-http.cn/ 特性：从浏览器创建 XMLHttpRequests 从 node.js 创建 http 请求支持 Promise API 拦截请求和响应...{ // `data` 由服务器提供的响应 data: {}, // `status` 来自服务器响应的 HTTP 状态码 status: 200, // `statusText...` 来自服务器响应的 HTTP 状态信息 statusText: 'OK', // `headers` 是服务器响应头 // 所有的 header 名称都是小写，而且可以使用方括号语法访问...: {}, // `request` 是生成此响应的请求 // 在node.js中它是最后一个ClientRequest实例 (in redirects)， // 在浏览器中则是 XMLHttpRequest

1.6K4 0

简单入门Fetch API

(和axios使用非常像) const r = fetch('http://localhost:8088/getInfo') console.log(r) r.then(res => { console.log...(使用方式和text()方法一样) 请求失败请求失败的时候还是会正常执行then方法里的处理函数。(这里的失败是指服务器返回了响应，但是不是成功的请求。)...() console.log(data) }) 图片如果服务器没有响应导致浏览器超时的话，这时候就不会再执行then()方法的处理函数，而是执行catch()方法的，因为这时候的...then(async (res) => { const data = await res.json() console.log(data) }) 结果发现：请求得到的响应的状态码是...{ code: 200, data: { name: '赤蓝紫', age: 21 }, msg: '获取信息成功', }) }) // 响应状态码为

1K1 0

基于TypeScript封装Axios笔记（四）

3} 处理超时错误我们可以设置某个请求的超时时间 timeout，也就是当请求发送后超过某个时间后仍然没收到响应，则请求自动终止，并触发 timeout 事件。...= function handleTimeout() { 8 reject(new Error(`Timeout of ${timeout} ms exceeded`)) 9} 处理非 200 状态码...对于一个正常的请求，往往会返回 200-300 之间的 HTTP 状态码，对于不在这个区间的状态码，我们也把它们认为是一种错误的情况做处理。...接着我们在 handleResponse 函数中对 request.status 的值再次判断，如果是 2xx 的状态码，则认为是一个正常的请求，否则抛错‍。...但是这里我们的错误都仅仅是简单的 Error 实例，只有错误文本信息，并不包含是哪个请求、请求的配置、响应对象等其它信息。我们会对错误信息做增强。

9091 0

axios详解以及完整封装方法

全局的loading配置 VUE中axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。...响应的拦截 // 响应拦截器 axios.interceptors.response.use( response => { // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据...例如上面的思想：如果后台返回的状态码是200，则正常返回数据，否则的根据错误的状态码类型进行一些我们需要的错误，其实这里主要就是进行了错误的统一处理和没登录或登录过期后调整登录页的一个操作。...，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 const...判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。

6.1K1 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭