API エンドポイントデータが Next.js にキャッシュされないようにするにはどうすればよいですか?-jsチュートリアル-php.cn

API エンドポイントデータが Next.js にキャッシュされないようにするにはどうすればよいですか?

Susan Sarandon

リリース： 2024-11-01 12:34:29

オリジナル

453 人が閲覧しました

How to Prevent API Endpoint Data From Being Cached in Next.js?

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 など) で使用するか、またはルートセグメントキャッシュ設定。ルートセグメント設定の利用を検討してください:

<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 中国語 Web サイトの他の関連記事を参照してください。