在 Vue 3 中取消 API 请求：一个注册表、两条路径和决定优先级的问题

📋 概述

文章深入剖析了 Vue 3 中四种 API 请求取消机制的内在结构——AbortController、watchEffect 清理函数、onBeforeUnmount 和 axios CancelToken。作者通过精炼的分析指出，这四种机制本质上是一个注册表上的两条注册路径（响应式驱动 vs 生命周期驱动），而它们之间的优先级顺序决定了请求取消的实际行为。关键发现是其中一种机制在 await 之后"静默失效"（Silent No-op）——表面注册了取消逻辑，但在异步边界后不再生效。文章为 Vue 3 开发者提供了一个清晰的决策框架，帮助他们根据具体场景选择正确的请求取消策略。