Axios 如何实现终止请求?

87 阅读1分钟

业务场景:在系统中会有很多的模块,假如从模块A切换到模板B时又快速的切换到模块C,那么其实模块B所有发起的请求是没有必要的,但是在进入B的那一瞬间,B页面所有的初始化请求都已经触发了,怎样取消呢?而其实如果针对ToC的业务按照流量计费,这是需要取消的。因为请求后端是有流量的,流量是要收费的。

下面是代码。首先在axios.js进行配置。

image.png

然后写上路由拦截器。

image.png

再次在A页面请求中,跳往B页面,可见,A页面未请求完成的接口已经终止。

image.png