如何中途关闭axios请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./node_modules/axios/dist/axios.min.js"></script>
<script>
</script>
</head>
<body>
<button id="oCancel">取消请求</button>
<button id="oBtn">发请求</button>
<script>
let cancel = null;
oBtn.onclick = async function () {
const r = await axios.get('https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata', {
cancelToken: new axios.CancelToken(function(c) {
cancel = c;
})
})
console.log(r.data)
}
oCancel.onclick = function () {
cancel()
};
</script>
</body>
</html>