vue axios 在切换路由时如何取消所有请求——cancelToken

原创 minsong 随笔 Vue 591阅读 2018-05-08 20:39:58 举报

在制作项目时,遇到一个问题,那便是在路由切换来回比较频繁时,有时接口数据还没有加载完成,即使切换到另一个路由,这些接口数据还是会继续加载,会影响加载的时间。
这样,我们可以在切换路由的时候把之前的请求都取消,这样的就可以解决掉。理由axios中的cancelToken来解决。
不足:1.每个切换页面的组件都要调用。当然可以用hoc高阶组件简化
2.调用需注意,因为所有请求都会保存取消方法到全局变量,所以每次全部清除。如果有不需要取消的请封装不需要取消的请求方法即可!

下面我来说一下比较重要的几点吧!
1.使用cancelToken

可以查看axios的github:axios
或是:axios

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复