vue+axios 请求取消最简单的操作

1 先是封装的axios请求, 加上 标识信号形参 ab 

export function aaa(data,ab){
    return request({ url:xxx,method: xxx, data , ab })
}

 2 在页面上定义一个全局变量 

let bbb = null 

3 在函数里面 加上 标识 

methods:{
 async getAaa (){
        
  bbb = new AbortController()
  const ab = bbb.signal
    try{
     const res = await aaa(data , ab )    
    } catch (error){
        取消了请求，在这处理错误
    }

 }
}

4 if(bbb){

bbb.abort()

}   在需要的时间点 调用bbb 取消请求

注意 bbb 写在 export default{}  外面 ，每次发个请求 bbb的标识都要 new 一个新的