vue-router 切换路由关闭当前存在的所有axios请求

在Vue应用中，如果你想在路由切换时取消所有当前活跃的axios请求，你可以创建一个axios实例，并在路由守卫中使用axios.CancelToken来取消请求。

首先，创建axios实例并定义取消方法：

import axios from 'axios';
 
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
 
const service = axios.create({
  // 配置...
  cancelToken: source.token
});
 
// 定义取消方法
function cancelAllRequests() {
  source.cancel('Operation canceled by the user.');
}

然后，在路由守卫中调用取消方法：

// 假设你使用的是Vue Router
router.beforeEach((to, from, next) => {
  // 在路由离开前调用取消方法
  cancelAllRequests();
  next();
});

每次路由切换时，cancelAllRequests函数都会被调用，取消所有未处理的请求。当你需要进行新的请求时，应该重新创建CancelToken.source。

请注意，如果你的应用程序中有多个axios请求，并且你想要取消特定的请求，你可能需要跟踪这些请求，并对每个请求使用CancelToken。上述代码只展示了如何简单地取消所有请求，并不适用于取消特定请求。