关于VUE2在页面离开时，丢弃所有未完成的请求

在开发过程中，遇到了一个调用时间很长的接口，在刚进入页面时被触发调用。

但当我们切换到别的tab页或别的vue页面时，它又刚好加载完成，将结果展示出来。

为了避免这种问题，我们用到axios里的signal来解决。

export default {
  data() {
    return {
        abortController: new AbortController()
    }
  }
    
    methods:{
        getData(){
            axios.get(
                'http://localhost:80/index",
                { 
                    headers: {},
                    signal: this.abortController.signal
                })
                .then()
        }
    }

}