Pinia 的 Action 是处理异步逻辑最自然、最推荐的位置，支持 async/await，应统一用 await 避免混用 .then()，配套管理 loading/error/data 状态，API 调用需抽离至独立模块，必要时用 AbortController 取消请求，并可通过 $onAction 统一监控。
用 async/await 写 Action，别混用 .then()
所有涉及接口调用的 Action 都应声明为 async 函数，并统一用 await 等待 Promise 完成。
- 避免在同一个 Action 里混用
.then()和await，会导致错误捕获断裂、堆栈不清晰 - 同步逻辑（如表单校验、本地计算）可直接写，无需加
async - 异步 Action 默认返回 Promise，组件调用时需
await或.then()处理结果
配套管理 loading、error、data 状态
在 Store 中定义响应式字段，让组件能直观反映请求生命周期：
-
loading: boolean—— 请求发起时设为true，结束（无论成功失败）设为false -
error: string | null—— 存用户友好的错误提示，比如err.response?.data?.message -
data（或具体字段如user、list）—— 成功后赋值，避免空值渲染异常
API 调用必须抽离到独立模块
Action 不该出现 axios.get() 或 fetch() 原始调用，而是调用封装好的 API 函数：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 好处：拦截器、鉴权头、Mock 开关、类型自动推导全由 API 层统一管控
- 示例路径：
src/api/user.ts导出getUser(id: string)，Action 内只写const res = await getUser(id) - 便于单元测试 —— 可直接 mock API 模块，无需启动真实服务
需要时主动取消请求
对搜索、输入联想、频繁切换等场景，用 AbortController 避免响应错乱：
立即学习“前端免费学习笔记（深入）”；
- 每次请求前新建
const controller = new AbortController() - 传入
signal: controller.signal到 API 调用中 - 新请求发起时调用
controller.abort()，终止上一个未完成请求
用 $onAction 做统一监控和增强
不侵入业务代码，也能实现日志、错误上报、加载态联动：
-
before阶段记录起始时间、设置全局 loading 计数器 -
after获取最终返回值，统计耗时并打点 -
onError同时捕获同步 throw 和异步 reject，按 action 名称或错误码分级处理 - 组件内订阅默认随卸载自动清理；全局长效监控需传
{ detached: true }并手动管理销毁
