axios 取消请求 单个接口的取消请求

• 定义接口的时候 const CancelToken = axios.CancelToken

//  入职办理-列表
export function listTransaction(data, _this) {
  const CancelToken = axios.CancelToken
  return request({
    url: '/transaction/listTransaction',
    method: 'post',
    data,
    cancelToken: new CancelToken(function executor(c) {
      _this.cancel = c
    })
  })
}

• 在使用接口的时候 传this 进去

const res = await listTransaction(data, this)

 if (this.diffoneType !== this.pathFlowId) {
          // 在这里去判断你的id 1 2 3，你默认是展示的tab1，点击的时候不管你上一个请求有没有执行完都去调用这个cancel()，
          this.cancel()
        }

• data中 可能需要定义cancel

data() {
    return {
      diffoneType: 1,
      cancel: '', // 取消请求
     }
}