首頁 >web前端 >js教程 >為什麼我的 Next.js API 端點在部署後沒有更新?

為什麼我的 Next.js API 端點在部署後沒有更新?

Linda Hamilton
Linda Hamilton原創
2024-11-02 08:31:02529瀏覽

Why are My Next.js API Endpoints Not Updating After Deployment?

Next.js API 端點在部署後未更新

問題: 透過API 端點從資料庫取得資料項目部署後保持靜態。

分析:問題可能源自於快取。在 Next.js 中,API 路由和伺服器元件預設啟用快取以優化效能。此快取可能會幹擾資料更新。

解決方案:

要防止快取並確保動態資料更新,請如下調整快取行為:

  • 使用fetch():

    • 將revalidate 選項新增至fetch() 要求以指定重新驗證間隔(以秒為單位):

      fetch('https://...', { next: { revalidate: 10 } });
    • 或者,將快取選項設定為no-store 以停用快取:

      fetch('https://...', { cache: 'no-store' });
  • 使用路由段設定:

    • 在layout.js、page.js或route.js檔案中,加入以下程式碼以停用特定路由段的快取:

      import prisma from './lib/prisma';
      
      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();
        // ...
      }

透過執行下列步驟,您可以停用API 端點的快取並確保部署後立即反映資料更新。

以上是為什麼我的 Next.js API 端點在部署後沒有更新?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn