首页 / 智能数码 / 正文

vue离开当前页面前请求事件

时间:2024-11-18 18:00:42

vue页面离开时,丢弃所有未完成的请求 AbortController signal / CancelToken.cancel 取消请求

注意 : 这里提到的这两种方法,都可以通过一个 cancelToken 或 signal 来同时控制多个请求

一. 使用 AbortController 取消 axios 请求。页面中创建一个 AbortControlller 的实例 在所有有可能需要结束请求的 config 里,添加 signal : abortController.sinal 这个选项 当离开页面的时候,使用 abortController.abort() 结束所有的请求即可

二. 使用 CancelToken 取消 axios 请求。官方介绍了好三个取消请求的方法, CancelToken 的形式其实已经被废弃了,不推荐,但还能用

三. 结果。这样,在离开这个页面的时候,都会丢弃所有添加了 signal 的请求,不管页面中有没有未完成的请求。

《vue离开当前页面前请求事件》不代表本网站观点,如有侵权请联系我们删除

广州她氧信息科技有限公司 她氧网版权所有 粤ICP备2023058637号网站地图 网站地图2