vue中使用axios，如何放弃上请求

Question

axios下面形式注入vue中

const asiosInstance = axios.create({
    baseURL: apiUrl,
    timeout: 10000
})
Vue.prototype.$http = asiosInstance

使用时如下

this.$http.get('xx').then()

我现在的场景是，有一个筛选功能，用户点一下，筛选条件就变，然后马上请求数据，但是后台接口在国外，速度很慢，用户快速点击时候，就发起多个请求，这些请求响应的时候，页面会出现多刷新数据，感觉非常不爽。
所以我想,当前的this.$http.get('xx')，每次请求时候，都忽略上一次请求，而其他位置如this.$http.get('yy')，不受影响，

Answer 1

看看axios的cancelToken

Answer 2

最简单的用个变量标记

...
if(this.requesting){
    this.requesting = false;
    this.$http.get('xx').then(()=>{
        this.requesting = true;
        ...
    });
}