axios异步请求的流程与原理是什么

这篇文章主要介绍了axios异步请求的流程与原理是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇axios异步请求的流程与原理是什么文章都会有所收获，下面我们一起来看看吧。 axios是一个基于Promise的方法，可以发送get、post等请求，并且前后端都可以使用。axios库对外暴露了一个axios实例，axios实例其中挂载了一个Axios方法，Axios方法有一个interceptors对象(拦截器)，interceptors对象有request对象和response对象，并且request对象和response对象都有use方法，所以，我们可以调用axios.interceptors.req免费云主机、域名uest.use()和axios.interceptors.response.use().interceptors对象里面的request对象和response对象其实是一个用来管理拦截器的数组（handlers）。当我们调用axios.interceptors.request.use()，就会在request的拦截器数组（handlers）里面push一个成功回调和一个失败回调。每使用一次，就push一次，类似[res1,rej1,res2, rej2…]接下来是一个chain，它是一个存储所有回调的数组，因为它是给Promise使用的，所以它需要使用两个值，初始值为dispatchRequest和undefiend。接着，Promise.resolve(config).then(fn1, fn2)。当config里面的结果为fulfilled(成功），就把config里的配置传给fn1并执行。如果为reject(报错)，就把错误结果传给fn2并执行.即Promise.resolve(config).then(chain[0], chain[1])。chain[0]为成功回调，chain[1]为失败回调。config里面有很多配置项，他们可能是一个string值或方法等。接下来是整理所有的Promise,把request数组里的回调函数unshift到chain数组的最前面，把response数组里的回调函数push到chain数组的最后面。最终chain数组里面类似[res2, rej2,res1, rej1, dispatchRequest,undefiend,res3, rej3, res4, rej4]。dispatchRequest是用来执行axios.request的，dispatchRequest方法里面有一个adapter,它会根据不同的环境调用不同的对象。如果是在浏览器环境下，调用XMLHttpRequest对象。如果是nodejs环境下，就调用http对象。这就是为什么它既能在前端使用，也能在后端使用的原因。adapter会对请求到的数据进行解析封装，封装后的对象就是我们能看到的response响应对象。处理完dispatchRequest，就会执行interceptors.response的回调函数。这就是为什么我们看到的执行顺序是，后者的interceptors.request比前者的interceptors.requets先执行，接着执行axios.request,最后顺序执行interceptors.response.接下来执行我们的业务逻辑。1、通过使用axios的方法常用方法：get, post, requestaxios.postaxios.request可以传入很多请求配置2、通过传入配置方法响应模块有以下几个参数1.全局axios的配置2.实例的配置3.配置的优先级最终timeout设置的时间是5000，所以这里面的优先级，请求里面的配置>实例化配置>axios的默认配置可以在请求数据之前或者接收数据之前处理数据关于“axios异步请求的流程与原理是什么”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“axios异步请求的流程与原理是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: html如何连接css

今天小编给大家分享一下html如何连接css的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。 一、关于HTML和CSSHTML是网页的基础结构，可…