vue在网速慢时取消当前请求

引用axios

import axios from 'axios'

接口书写

// 获取数据列表
export function findDataAll(data, config) {
  return request({
    url: `/skxxpt-jcsk-provider/catalog/findDataAll`,
    method: 'post',
    data: data,
    cancelToken: config
  })
}

调用接口

// ================================================================================================
  const _this = this
      if (typeof this.cancel === 'function') { // 频繁执行请求时，先判断cancel是否已经函数，若是则直接执行去掉先前的请求
        _this.cancel()
      }
      const config = new axios.CancelToken(function executor(c) {
        _this.cancel = c
      })
      //this.loading = true
      findDataAll(this.getCatalogDataAllParam, config)
        .then(res => {
          console.log(config, '=======================================')
          //this.dataList = res.data.records
         // this.loading = false
          //this.totalCount = res.data.total
          //this.currentPage = res.data.current
          //this.getCatalogDataAllParam.pageNum = res.data.current
          //this.loading = false
        })
        .catch(error => {
          if (error) {
            this.$message.error(error.err_msg)
          }
        })
    },