四时宝库

程序员的知识宝库

axios请求拦截响应拦截请求重试请求终止#axios

大家好,今天给大家分享一个xs的二次封装。相信大家在写前端项目的时候肯定都用过xs,当然你可能还用过fetch或者是阿贾克斯,就是xs l http,但是用的最多的肯定是xs,因为别人已经封装好了用起来,现在用它比较多一点。

这是它的官方文档,这是它请求配置这些官方文档,大家自己去看,这个没什么好说的。这是我封装好的一些,这个是项目中之前有的,我是针对它里面一些请求拦截和响应拦截,就是之前有的,在这个基础上又封装了一下。

它的请求配置,配它的xx的配置参数的肯定,你自己看官方文档就好了,这是最基础的。请求拦截这里面有头坑,想要拦截这里面没写,其实没必要写那么多,主要是新建项目的时候你要和后端统一好。

我是最终倒出来一个http,我是在这个http上面又封装了一下,主要是这个,这里面是它的一些参数,还有请求方法,还有一些额外的参数,比如说下载文件流的时候,或者是取消请求的时候,就是你就看官方文档里面会有介绍的。

主要是封装了这个方法其实没多少,主要是它的一些请求配置的参数,还有这个,这个是用于请求重试的,默认给它三次,如果三次都请求失败了那肯定是接口请求不通。

有比如说我们请求的时候可能由于网络不稳定造成了接口断接,就会发起电,连续三次发起请求,三次都失败了那就彻底失败了。当然这里面我写着rs,后面会写到骨感刷新,这里面讲了它的一些大众思路,因为我们没遇到没用到,所以想需要可以自己写一下。

当然这里面这两个重复了,因为这个要为了经营老项目所以就没动,这里面是最近缝中的,这两个可以合并一下,这里面其实完全没必要写,这里面只写这一个,剩下的都在这里面判断就好了。

这是它的一些用法,这个是之前针对http的,http的用法,传这么一大堆参数,然后后面封装好之后直接return就一行就好了,一个路径,一个参数,这个参数可传可不传,我写的是对问号可传可不传,它的一个具体效果就是这里面,因为我找了一个特殊的这里面后端写的比较慢,没办法,我写了两秒,这个接口本来是不通的,第一次不通第二次不通第三次不通,然后彻底就结束了。

当然你也可以取消请求,第一次,这个是第二次取消请求,取消请求其实很简单,就是看官方文档就好了,就是你要写这个,然后最后取消就好了,也没啥东西要讲,你要知道它应用的环境,取消请求就是取消请求开播切换的时候才会产生,如果用户切换过快可能会产生静态。

然后就是两个接口的内容放在了另一个开播切换里面,这个时候你可以采用请求取消请求,当然还刚才封装了一个请求重试,那个主要用于大文件上传的时候,由于网络不稳定造成的,可以进行第二次请求。我把刚才封装的放在了蝎子dn 上面,有兴趣大家可以看一下。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接