vue路由跳转后，终止上一个页面正在请求的资源

本文主要是介绍vue路由跳转后，终止上一个页面正在请求的资源，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现在路由跳转后，把上一个页面正在请求的资源关闭。

1. 在发起请求时拦截请求加入代码

// 拦截请求
instance.interceptors.request.use((req) => {req.cancelToken = new axios.CancelToken(cancel => {if (!window._axiosPromiseArr){window._axiosPromiseArr = [];}window._axiosPromiseArr.push({cancel});});
});

2. 在全局路由跳转前写入代码

router.beforeEach((to, from, next) => {console.log('[访问路由]' + (to.name || to.path))if (window._axiosPromiseArr) {window._axiosPromiseArr.forEach((ele, index) => {// 路由跳转前，终止上一个页面正在请求的内容ele.cancel();delete window._axiosPromiseArr[index];})}return next();
})

这篇关于vue路由跳转后，终止上一个页面正在请求的资源的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---