欢迎来到源码交易网,为站长提供交易担保服务 访问移动版
站长交易首选担保平台!
酷客淘

axios取消请求

日期: 2019-11-13 08:25:35 人气: -

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触发请求,所以输入一个字母就会去请求一次,请求很多,严重对网络造成影响。


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