【阻止接口重复请求】点击按钮请求接口时,再次点击接口,阻止接口返回响应数据前重复请求接口

例:需求是点击下载报告按钮,去请求后端接口生成一个报告并下载,由于整个过程时延较大,防止在接口发送请求且还未返回响应结果时用户不断点击按钮请求接口,造成接口请求重复,故在下载组件中通过一个状态变量isloading 去控制是否请求接口,另外在接口响应后使用 finally() 重置状态变量,此函数无论异常是否被捕获,finally的代码一定会被执行,

代码如下:

代码:

接口函数:

function gm_fetch<Req = any, Res = any>(

  url: string,

  method?: METHOD_KEY,

  params?: Req,

  config?: AxiosRequestConfig

): AxiosPromise<Res> {

  let headers = { }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值