axios终止之前的所有请求
1.在请求拦截器中的config对象添加cancelToken参数 // 将正在发起的请求存到数组中 let reqList = (Vue.prototype.pending = []); // 构建axios实例 const cancelToken = axios.CancelToken; const source = cancelToken.source(); const instance = axios.create(); instance.interceptors.request.use( (config) => { config.cancelToken = new cancelToken((c) => { // 这里的C是一个函数，用于终止请求的作用 // 这里的ajax标识我是用请求地址&请求方式拼接的字符串，当然你可以选择其他的一些方式 reqList.push({ f: c }); // } }); // ----------------------------------------------------------------------------------------- return config; }, (error) => { return Promise.reject(error); } ); Vue.prototype.$axios = instance; //终止请求具体使用 请求之前调用该方法 removePending(errorMessage) { const errorMsg = errorMessage || "cancelRequest----取消请求默认信息"; for (let i = this.pending.length - 1; i >= 0; i--) { this.pending[i].f(errorMsg); //执行取消操作 this.pending.splice(i, 1); //把这条记录从数组中移除 } },