axios取消上次请求

最新推荐文章于 2024-06-14 20:14:28 发布

二水你要努力啊

最新推荐文章于 2024-06-14 20:14:28 发布

阅读量319

点赞数

分类专栏： axios 文章标签： axios

本文链接：https://blog.csdn.net/qq_33601443/article/details/105700762

版权

axios 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

利用axios自带的cancel函数

import axios from 'axios'

let pendingAjax = []
const fastClickMsg = '数据请求中，请稍后'
const CancelToken = axios.CancelToken
const removePendingAjax = (url, type) => {
  const index = pendingAjax.findIndex(i => i.url === url)
  if (index > -1) {
    type === 'req' && pendingAjax[index].c(fastClickMsg)
    pendingAjax.splice(index, 1)
  }
}

axios.interceptors.request.use(function (config) {
	const url = config.url
    removePendingAjax(url, 'req')
    config.cancelToken = new CancelToken(c => {
      //一个url对应一个取消函数
      pendingAjax.push({url,c})
    })
    return config;
}, error => {
    return Promise.reject(error);
})
axios.interceptors.response.use(
  response => {
  	 removePendingAjax(response.config.url, 'resp')
  	 return response;
} ,error => {
	return Promise.reject(error);
})