vue + antd upload + axios 取消请求

浅浅记录一下，因为项目中，axios请求都是单独抽出来的，网上找的资料基本也都是axios跟页面内容在一起的。跟自己的写法不太一样。

于是扒了好多资料。研究用法，最终找出来适合这个项目的写法

因为时间比较久了，突然看到这篇草稿，已经忘记当时的思路了，忘记这些图要配什么文字了

就先这样记录一下吧，方便日后自己写的时候参考

//axios部分，这是一个单独的ts文件 
import request from '@/plugins/axios';//引入axios
import axios from 'axios';
const CancelToken = axios.CancelToken;

//对路径封装了一下
const resourceApi = {
  uploadResourceFiles : '/api/admin/resource',//请求路径，后端提供
};

const CancelToken = axios.CancelToken;
//对请求也进行了封装
export function uploadResourceFiles(params: any, query: any, onUploadProgress: any) {
  return request({
    url: resourceApi.uploadResourceFiles,//根据接口类型进行对应的处理
    method: 'post',
    data: params,
    onUploadProgress,
    cancelToken: new CancelToken((c) => {
      onUploadProgress.cancel = c;
    })
  });
}</