现代前端项目与请求的开发密不可分,最常用的请求是Axios。
那么Axios如何发送请求?让我们看一下今天的Axios的实现。
Loat Axios的仓库代码从GitHub到本地,并执行以下命令:
打开http:// localhost:3000/浏览器中的测试发送请求。
client.html此时提出了发送请求。
我们在client.html中打印Axios,看看您包含什么?
Axios是名为Wrap的函数。让我们看一下包裹的实现。
通过此代码,我们了解Axios项目导出的变量是一个函数,并且该函数上有许多方法。
在client.html中发送请求的代码如下:
我们知道,在上一点点执行AXIOS方法是保留Axios的请求方法。然后让我们看请求的实现。
上述代码的执行效果是什么?让我们继续阅读。
在实现请求功能时,我编写了以下演示代码。
执行后,打印如下:
可以看出,承诺的打印结果已同步。
实际上,以上循环是剪接诺言链。上述代码与下面的代码效果相同。
Axios在请求之前制作三个部分,发送请求和请求。订单执行。用户可以在请求之前和之后的请求中添加自定义拦截器。在这种方式上,整个请求的处理过程非常清楚。
您可以看到可以由用户自定义适配器,并且Axios默认值不得提供。
可以在这里看到,根据操作环境,它是浏览器或节点端,它返回不同的实现。
浏览器侧通过XMLHTTPREQUEST事件的封装包装。节点侧通过Node的API,HTTPS或HTTP来实现请求。
在这一点上,Axios的整个过程已经结束。LET再次总结,主要过程:
在商业项目中,我们可以为Axios做哪些常见的包装处理?
Axios提供了发送请求的默认方式。如果我们在移动应用程序中发送请求,则可以使用JS桥提供的请求方法发送请求。
同时,桥梁方法的状态代码和将通用拦截器添加到参数中需要均匀制定。
当我们想跟踪请求时,我们需要在源上生成一个ID并传递该图层。
当我们知道它来自非正常请求时,我们可以跳到验证页面或执行其他反启用逻辑处理。
当有多个请求拦截器或对拦截器做出响应时,AXIOS的实现设置了其执行顺序。
我们可以根据AXIOS封装拦截器的执行顺序。
最近,我在Axios中阅读了代码,发现该代码很容易阅读。未经阅读的被录取的朋友可以查看实现代码以加强对Axios的理解。本文仅介绍AXIOS的主线,并在那里。是否涉及许多要点,例如取消请求的具体逻辑。欢迎您发表评论和沟通。