axios取消请求

场景：1.在进行文件上传的时候，如果上传的文件过大需要等半天，中途需要结束请求

1. 利用axios提供的cancelToken实现

<template>
  <div @click="requestFn">
      点击发起请求
  </div>

</template>

<script setup>
  import axios from "axios";

  let cancelRequest = null;

  let requestFn = function(){

      const CancelToken = axios.CancelToken;

      axios({

        url: 'http://testapi.yueqizhixiang.com/api/seller/getAllClass',

        method: 'post',

        cancelToken: new CancelToken(function (e){
           cancelRequest = e
        })
      })

      if(!cancelRequest) return

      cancelRequest('取消缘由2(选填)')

  }
</script>

<style lang="less" scoped>

</style>

2. 如果采用的是fetch，建议使用AbortController来实现取消请求。