axios取消请求的总结，当一个页面从A跳转到B后，取消A页面的所有请求,写个例子

import axios, { AxiosRequestConfig } from 'axios';

let cancelToken;
let abortController= new AbortController()
const fetchData = async () => {
  try {
    loading.value = true;
    const config: AxiosRequestConfig = {
      signal: abortController.signal,
    };
    for(let i=0;i<1000000000000000;i++){
      const response = await axios.get('http://localhost:8849/api/admin/ppa/cdr_dict', config);
    }
    // 处理响应数据
  } catch (error) {
    // 处理错误
    if (error.name === 'AbortError') {
      // 请求被取消
      return;
    }
  } finally {
    loading.value = false;
  }
};

onMounted(async () => {
   await fetchData();
});
onBeforeUnmount(() => {
  // 在组件卸载前取消请求
  abortController.abort()
   console.log('取消请求');
});