PHP技术,网站开发,PHP,PHP学习,Python学习,PHP开发,人工智能,大数据服务

PHP+Python » 前端设计 » axios取消请求

axios取消请求

此文被围观402日期: 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-2019 adophper.com. All Rights Reserved.
读图网科技 版权所有。蜀ICP备12031064号