终止 axios 正在进行的请求

 业务场景:文件切片上传时需要不断的进行接口请求,文件比较大时需要耗费一定的时间,假如想在中途取消文件上传,那么就需要终止正在进行的接口请求。

 

  实现

  •  在需要终止接口请求的页面引入 axios (此处的接口请求已封装)

    import axios from "axios"; 

 

  • 封装好的接口请求方法里加入(需要中断的接口需要传此参数)

   

 

  •  定义一个全局变量 source,然后调用令牌'CancelToken’

  

   source 中有 token 令牌和取消请求的 cancel 方法

 

  • 在需要终止请求的时候调用

  

 

posted @ 2022-08-17 17:23  打遍天下吴敌手  阅读(1652)  评论(0编辑  收藏  举报