如何防止 API 端点数据缓存在 Next.js 中
Next.js v13.2 使用带有 Route 的新应用程序目录处理程序。在生产中,框架会自动缓存从 API 端点和服务器组件获取的数据。如果更新后端数据,这可能会导致不一致。
解决方案 1:修改提取选项
要禁用特定提取查询的缓存,请将重新验证或缓存选项附加到fetch() 函数:
<code class="js">fetch('https://...', { next: { revalidate: 10 } }); // revalidate every 10 seconds fetch('https://...', { cache: 'no-store' }); // no caching</code>
解决方案 2:使用路由段配置
与其他库(例如 axios、ORM)一起使用或用于 per-路由段缓存设置,考虑使用路由段配置:
<code class="js">// layout.js, page.js, or route.js import prisma from './lib/prisma'; /* Force dynamic behavior, there are more options available depending on your requirement. */ export const dynamic = "force-dynamic"; async function getPosts() { const posts = await prisma.post.findMany(); return posts; } export default async function Page() { const posts = await getPosts(); // ... }</code>
以上是如何防止 API 端点数据被缓存在 Next.js 中?的详细内容。更多信息请关注PHP中文网其他相关文章!