axios实现发起新请求时取消上一次请求（如果上一次请求结果还未返回）

• 需求：对于同一个接口，发起新请求时取消上一次请求（如果上一次请求结果还未返回）
• 

 提示：本文使用了第二种方法

• 原文地址：使用说明 · Axios 中文说明 · 看云
• 代码实现：
• 未处理前

  import request from '@/utils/request'
   
  export function getTrackChartDataApi(data) {
    return request({
      method: 'post',
      url: '/charts/routeMap',
      data,
    })
  }

• 处理后

  import request from '@/utils/request'
   
  import axios from 'axios'
  const { CancelToken } = axios
  let cancel = ''
   
  export function getTrackChartDataApi(data) {
    return request({
      method: 'post',
      url: '/charts/routeMap',
      data,
      cancelToken: new CancelToken(cancelFn => {
        cancel && cancel()
        cancel = cancelFn
      }),
    })
  }

• 提示：如果request实例已经做了相同的配置，可能导致此处的配置被覆盖从而失效。