vue2 vue3 同一个接口出现数据混乱问题中断上一个接口

先引入方法 (方法已经封装来axios的)

import axios from 'axios';

const CancelToken = axios.CancelToken;
let cancel: any;
const cancelLastRequest = () => {
  if (typeof cancel === 'function') {
    cancel();
  }
}

我们使用axios 中的方法来确定里面的值是不是同一个接口进行中断处理

export function kanbantable(data: any, data2: any) {
  cancelLastRequest(); // 确认是否有上一个接口在调用
  return request({
    url: `/home/kanban/table/${data}`,
    method: 'post',
    data: JSON.stringify(data2),
    cancelToken: new CancelToken(function executor(c) {
      cancel = c;
    }), // 如果有进行中断
    headers: {
      'Content-Type': 'application/json;'
    },
  })
}