vue axios请求频繁时取消上一次请求的方法

< >
import axios from \'axios\'
import qs from \'qs\'

export default {
  methods: {
    request(keyword) {
      var CancelToken = axios.CancelToken
      var source = CancelToken.source()
       
      // 取消上一次请求
      this.cancelRequest();
      
      axios.post(url, qs.stringify({kw:keyword}), {
        headers: {
          \'Content-Type\': \'application/x-www-form-urlencoded\',
          \'Accept\': \'application/json\'
        },
        cancelToken: new axios.CancelToken(function executor(c) {
          that.source = c;
        })
      }).then((res) => {
        // 在这里处理得到的数据
        ...
      }).catch((err) => {
        if (axios.isCancel(err)) {
          console.log(\'Rquest canceled\', err.message); //请求如果被取消，这里是返回取消的message
        } else {
          //handle error
          console.log(err);
        }
      })
    },
    cancelRequest(){
      if(typeof this.source ===\'function\'){
        this.source(\'终止请求\')
      }
    },
  }
}
</ >