同一接口,短时间内不同参数调用多次,保证页面使用最后的接口返回值

此问题,有两种解决方案

方案一,利用 abort() 解决

当调用第二次接口时,将第一接口 abort 掉

方案二,对封装的接口调用进行处理
const latestFetchId = ref(0)
const loadData = (page) => {
  var param = { ... }
  latestFetchId.value += 1
  const fetchId = lastFetchId.value
  // 调列表方法
  http({
    method: 'POST',
    url: '',
    data: {},
  }).then((res) => {
  	// 获取最新的 latestFetchId 值,判断当前次请求是否为最后一次,不是则丢弃
    if (fetchId !== latestFetchId.value) {
       // 非顺序
       return
     }
     // ...
  })
}

你可能感兴趣的:(前端,javascript,开发语言)