vue3 在 watchEffect /watch里中断未完成的 axios 请求（只保留最后一次请求的方法）

F2E_keze

于 2024-09-12 19:41:10 发布

阅读量123

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_56104994/article/details/142184261

版权

1.watch中

watch(id, (newId, oldId, onCleanup) => {
  const source = axios.CancelToken.source()
  
  axios.get(`https://xxx.xxx.com:xxx/list/id=${newId}`, {
    cancelToken: source.token
  })

  onCleanup(() => {
    //取消请求
    source.cancel("请求取消")
  })
})

2.在watchEffect中

watchEffect(onCleanup => {
    const source = axios.CancelToken.source()
    axioss.get(`https://www.xxx.com:xxx/list?id=${id}`, {
        cancelToekn: source.token
    })
    onCleanup(() => {
        source.cancel()
    })
})