axios，二次请求的时候，取消第一次发出的请求

Posted 2022-07-12 hamili

let pending = [] //声明一个数组用于存储每个ajax请求的取消函数和ajax标识

let cancelToken = axios.CancelToken

let removePending = config =>

for (let p in pending)

if (pending[p].u === config.url + ‘&‘ + config.method)

//当前请求在数组中存在时执行函数体

pending[p].f() //执行取消操作

pending.splice(p, 1) //把这条记录从数组中移除

//添加请求拦截器

axios.interceptors.request.use(

config =>

removePending(config) //在一个ajax发送前执行一下取消操作

config.cancelToken = new cancelToken(c =>

// 这里的ajax标识我是用请求地址&请求方式拼接的字符串，当然你可以选择其他的一些方式

pending.push( u: config.url + ‘&‘ + config.method, f: c )

)

return config

,

error =>

return Promise.reject(error)

)

//添加响应拦截器

axios.interceptors.response.use(

response =>

removePending(response.config) //在一个ajax响应后再执行一下取消操作，把已经完成的请求从pending中移除

return response

,

error =>

return data: // 返回一个空对象，主要是防止控制台报错

)