axios 取消请求

原生 js abort() 方法

let A = $.ajax({})
A.abort()

Axios 提供了一个 CancelToken 的函数,这是一个构造函数,该函数的作用就是用来取消接口请求的

methods: {
getMsg () {
let CancelToken = axios.CancelToken
let that = this
axios.get('', {
cancelToken: new CancelToken(function executor(c) {
that.cancel = c
console.log(c)
// 这个参数 c 就是 CancelToken 构造函数里面自带的取消请求的函数,这里把该函数当参数用
})
params: {}
}).then(res => {
this.items = res.data
}).catch(err => {
console.log(err)
})
},
cancelGetMsg () {
this.cancel()
}
}