Comment empêcher la mise en cache des données des points de terminaison de l'API dans Next.js ?

Comment empêcher la mise en cache des données des points de terminaison de l'API dans Next.js

Next.js v13.2 utilise un nouveau répertoire d'applications avec Route Gestionnaires. En production, le framework met automatiquement en cache les données extraites des points de terminaison de l'API et des composants du serveur. Cela peut entraîner des incohérences si les données du backend sont mises à jour.

Solution 1 : Modification des options de récupération

Pour désactiver la mise en cache pour des requêtes de récupération spécifiques, ajoutez des options de revalidation ou de cache à la fonction fetch() :

<code class="js">fetch('https://...', { next: { revalidate: 10 } }); // revalidate every 10 seconds
fetch('https://...', { cache: 'no-store' }); // no caching</code>

Solution 2 : Utilisation de la configuration du segment de route

Pour une utilisation avec d'autres bibliothèques (par exemple, axios, ORM) ou pour per- Paramètres de cache du segment de route, envisagez d'utiliser la configuration du segment de route :

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!