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/caching - Next.js 文档：`revalidateTag` 与 `revalidatePath`（英文）：https://nextjs.org/docs/app/api-reference/functions/revalidateTag 与 https://nextjs.org/docs/app/api-reference/functions/revalidatePath 结语 - 通过 tag 与路径级失效的组合，可实现低成本且可靠的缓存刷新；建议建立统一命名与观测闭环。

数据缓存失效

通过 revalidateTag 与 revalidatePath 细粒度控制 Next.js 数据缓存失效。

• 基于标签的按需失效
• 路径级整页缓存刷新