时间戳

首页 > 解决方案 > 使用 axios 取消请求时是否会出现延迟

javascript - 使用 axios 取消请求时是否会出现延迟

问题描述

我正在 VueJS 中制作实时搜索功能，虽然它具有去抖动功能，但有时用户可以在刚刚发送请求时开始输入。

我已经使用 Axios 提供的取消令牌取消旧请求，但我注意到最后一个请求需要的时间太长

let search_cancel;

...

if(search_cancel != undefined){
    console.log("Request cancelled")
    search_cancel()
}


try {
    const URL = 'home/producto?descripcion=' + description
    const { data } = await axios.get(URL, {
        cancelToken: new CancelToken(function executor(c) {
            // An executor function receives a cancel function as a parameter
            search_cancel = c;
        })
    })
}catch...

这是关于我所指的图片：

https://i.imgur.com/YzsAr0U.png

第一次搜索并没有花那么长时间，似乎它等待每个取消的请求

标签： javascriptvue.jsasynchronousaxios

解决方案

推荐阅读