vue取消单个或多个axios请求

前言：该文写于2020年11月11日14:59

业务场景

多文件上传时，锁定文件上传弹窗，为了用户体验，增加取消上传功能，点击取消上传时，将所有正在上传的文件同时取消上传。（单文件上传也是可以取消的）

解决方案

1.在script开头定义axios的CancelToken取消请求变量。
理由：使所有请求都使用同一个cancleToken变量，实现取消时同时取消所有请求

 import axios from "axios";
  let Cancel = axios.CancelToken.source()

2.在请求体定义cancelToken

request