在Vue中取消请求的方法

import axios from 'axios'

  let pending = []; // 声明一个数组用于存储每个请求的取消函数和axios标识

  let cancelToken = axios.CancelToken;//用于取消已发送的请求

  let removePending = (config) => {

    for (let i in pending) {

      if (pending[i].url === config.url.split('?')[0]) { // 在当前请求在数组中存在时执行取消函数

        pending[i].f(); // 执行取消操作

        pending.splice(i, 1); // 把pending记录删掉

      }

    }

  }

  axios.interceptors.request.use(function (config) {

    removePending(config); // 在一个axios发送前执行一下判定操作，在removePending中执行取消操作

        if(config.url.indexOf('Channel/SearchOne')<=-1){//在企业详情页 必须请求两次不同的数据

          config.cancelToken = new cancelToken(function executor (c) { // 本次axios请求的配置添加cancelToken

              pending.push({

                url: config.url.split('?')[0],

                f: c

              });

          })

        }

        return config;

  })