Next.js 数据缓存失效（revalidateTag-revalidatePath）实战

引言在 App Router 下，Next.js 的 Data Cache 提供页面与组件级的缓存；使用 `revalidateTag`/`revalidatePath` 可在服务端动作或接口路由中精准触发失效与刷新。能力与用法（已验证）revalidateTag：为数据请求设置 tag 并在变更后调用失效该 tag 下的所有缓存，适合跨页面共享数据刷新。来源：Next.js 文档 API 参考。revalidatePath：针对特定路径触发页面级失效与重新渲染，适合单页面更新。来源：Next.js 文档 API 参考。协作策略：与 Cache Components/use cache、PPR 分段预渲染结合，形成“组件缓存＋精准失效”的组合。来源：Next.js 15/16 官方博客。实战建议标记设计：统一数据请求的 tag 命名；在服务端 Actions 或 Route Handlers 中调用失效函数以保证一致性。回源与 TTL：为频繁更新的数据设置短 TTL 并在失效后回源；在 DevTools 中观察导航与请求行为校准策略。参考链接（验证来源）Next.js 文档：Data Cache 与 Revalidating（英文）：https://nextjs.org/docs/app/building-your-application/cachingNext.js 文档：`revalidateTag` 与 `revalidatePath`（英文）：https://nextjs.org/docs/app/api-reference/functions/revalidateTag 与 https://nextjs.org/docs/app/api-reference/functions/revalidatePath结语通过 tag 与路径级失效的组合，可实现低成本且可靠的缓存刷新；建议建立统一命名与观测闭环。