使用场景：页面切换时，主动取消掉未调用完成的接口
注意：因为测试，连续调用5次请求，正常情况下只用一次
<script>
import axios from 'axios';
//这里采用传递executor函数到CancelToken的构造函数来创建cancel token
const CancelToken = axios.CancelToken;
let cancel = []
export default{
beforDestory(){
if (cancel) {
cancel.forEach(item => {
console.log('item==', item)
item()
})
}
},
methods:{
getTableList (params = {}) {
this.loading = true
for (let i = 0; i < 5; i++) {
axios({
url: 'http://192.168.10.28:8301/system/sysOrg',
method: 'get',
cancelToken: new CancelToken(function executor (c) {
// executor 函数接收一个 cancel 函数作为参数
cancel.push(c);//存入请求方法
})
}).then(r => {
console.log('r======', r)
})
}
},
}
}</s
cript>
效果图：
