vue中断发送中请求

1.方法

var CancelToken = axios.CancelToken;
var cancel;

axios.get('/user/12345', {
  cancelToken: new CancelToken(function executor(c) {
    // executor 函数接收一个 cancel 函数作为参数
    cancel = c;
  })
});

// 取消请求
cancel();

2.用VUE的小伙伴可以这样设置

直接在 API里面引入store（vuex文件），把请求实例存到vuex里面，在需要终止请求的时候直接调用实例方法就行了（）

import request from '@/utils/request'
import axios from 'axios'
import store from '../../src/store'
var CancelToken = axios.CancelToken;
export function bbbbbbb(params:any) {
  return request({
    url: '/aaaaaaaaa',
    method: 'get',
    params,
    cancelToken: new CancelToken(function executor(c:any) {
      store.commit('ceshi',c)
    })
  })
}


// 需要调用的页面
假如我在 vuex里面的存值 cancel
在你要中断请求的页面取到vuex的值直接写
cancel()