时间: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离开当前页面前请求事件》不代表本网站观点,如有侵权请联系我们删除