同一个接口连续调用时，先撤回上一个接口再调用

芯随忻动

已于 2024-08-16 15:14:19 修改

阅读量98

点赞数 2

文章标签：前端 javascript vue.js

于 2024-08-16 15:07:53 首次发布

本文链接：https://blog.csdn.net/qq_46409445/article/details/141260205

版权

1.在封装的接口文件中：

import Fetch from '@/utils/fetch';
import axios from 'axios';

let CancelToken = axios.CancelToken;
window.cancle = null

export const QuerInfoList = params => (
    Fetch({
        url: '/web/trans/medinsInfo',
        method: 'post',
        params,
        cancelToken: new CancelToken(function executor(c) {
            window.cancle = c;
        })
    })
);

2.在调接口的文件中：

//调接口函数
    getData(){

      //先强行停止之前的接口
      window.cancle && window.cancle();

      //调函数
      QuerInfoList(this.listQuery).then((res) => {
        if (res.success == true) {
          this.list = res.data.records;
        }
      });
    }

这样，在多次请求接口时，就会先撤销上一接口，再重新调用。