• 欢迎光临~

终止 axios 正在进行的请求

开发技术 开发技术 2022-08-17 次浏览

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

 

  实现

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

    import axios from "axios"; 

 

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

   终止 axios 正在进行的请求

 

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

  终止 axios 正在进行的请求

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

 

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

  终止 axios 正在进行的请求

 

程序员灯塔
转载请注明原文链接:终止 axios 正在进行的请求
喜欢 (0)