JAVA、PHP、前端、APP、网站开发 - 开发技术学习

开发技术学习 » 前端设计 » axios取消请求

axios取消请求

此文被围观1852 日期: 2019-05-29 分类 : 前端设计  标签:  ···

摘抄自网络,地址久了没找到。

axios:

axios.interceptors.request.use(config => {
    config.cancelToken = new axios.CancelToken( cancel => {     
        window.__axiosPromiseArr.push({cancel})    
    })
}


发送请求前:

window.__axiosPromiseArr.forEach((ele, index) => {
    ele.cancel()
    delete window.__axiosPromiseArr[index]
})


使用场景根据输入关键词keyup模糊查询数据


vue项目查询人员列表,因为通过keyup触发请求,所以输入一个字母就会去请求一次,请求很多,严重对网络造成影响。

所以就在请求前加了一个取消前面的请求。

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。 蜀ICP备12031064号      川公网安备51162302000234