vue setinterval 等待api 执行完之后 在执行新的api

在Vue.js中，如果你想设置一个`setInterval`并在上一次API请求完成后再执行新的API，你可以利用`async/await`配合`Promise`来实现异步操作的链式调用。首先，你需要确保你的API返回的是一个`Promise`，然后你可以这样做：

// 假设我们有两个API函数：fetchData1() 和 fetchData2()
const fetchData1 = async () => {
  // ... 你的API请求代码
};

const fetchData2 = async () => {
  // ... 你的另一个API请求代码
};

// 当前运行的API任务
let currentTask;

// 使用setInterval启动定时器
function startNextTask() {
  if (currentTask) {
    // 如果有当前的任务，等待它完成
    return Promise.resolve(currentTask).then(() => {
      // 完成后立即开始下一个任务
      currentTask = fetchData2();
    });
  } else {
    // 没有正在进行的任务，直接开始新任务
    currentTask = fetchData1();
  }
  
  return currentTask;
}

// 调用startNextTask并传递给setInterval
setInterval(startNextTask, yourIntervalTimeInMilliseconds);

在这个例子中，如果`fetchData1()`正在运行，那么`fetchData2()`会被添加到`currentTask`的回调队列中，直到前一个任务完成。这样可以确保新API是在旧API执行完毕后开始。