AbortController

问题: 三个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()
      })

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

posted @   躺尸的大笨鸟  阅读(52)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示