首页 > 其他分享 >AbortController

AbortController

时间:2023-07-19 15:47:37浏览次数:46  
标签:返回 getAbortSignal abortController signal AbortController nav

问题: 三个nav共用一个表格,接口返回速度不一致,切换nav时返回速度慢的nav会把返回速度快的nav表格数据覆盖
image
解决办法:采用了abortController,每次切换nav之前先把上次请求取消掉

  1. 定义abortController
getAbortSignal() {
      this.abortController?.abort();
      this.abortController = new AbortController();
      return this.abortController.signal;
    },
  1. 将signal放在config里发起请求
const res = await request.post({
        username: 'zs'
      }, {
        signal: this.getAbortSignal()
      })

待解决问题:只是这一个页面采取这种方式,应该有一个公用的方法,做成拦截器的形式

标签:返回,getAbortSignal,abortController,signal,AbortController,nav
From: https://www.cnblogs.com/tangshidedabenniao/p/17565726.html

相关文章

  • Vue使用AbortController取消请求
    官方文档https://github.com/axios/axios#cancellationCancellationAbortControllerStartingfromv0.22.0AxiossupportsAbortControllertocancelrequestsinfe......