场景: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来实现取消请求。