axios拦截器实现多次发送请求取消之前的请求

axios拦截器实现多次发送请求取消之前的请求

如果单纯用取消请求发送请求每一个请求下面都要写一样的代码，使用拦截器可以只写一段代码就实现这个操作

拦截器部分

单击事件

const CancelToken = axios.CancelToken;
var cancel;
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
if(typeof cancel===‘function’){ //在发送请求之前先判断上一个请求的cancel是不是一个函数 是的话就说明上一次请求没有执行完成所以取消上一次请求
cancel()
}
//给参数config添加一个属性
config.cancelToken= new CancelToken(function executor(c ) { //这里要封装cancel函数config只是一个参数所以给他配置一个（注意格式把：换成=）
// executor 函数接收一个