Request : propriété cache

// Télécharger une ressource en contournant le cache, pour l'ignorer complètement.
fetch("some.json", { cache: "no-store" }).then((response) => {
  /* consommer la réponse */
});

// Télécharger une ressource en contournant le cache, mais mettre à jour le cache HTTP avec la ressource téléchargée.
fetch("some.json", { cache: "reload" }).then((response) => {
  /* consommer la réponse */
});

// Télécharger une ressource en contournant le cache avec un serveur correctement configuré qui enverra les bons en-têtes ETag et Date et gérera correctement les en-têtes de requête If-Modified-Since et If-None-Match, on peut donc se fier à la validation pour garantir une réponse fraîche.
fetch("some.json", { cache: "no-cache" }).then((response) => {
  /* consommer la réponse */
});

// Télécharger une ressource en pensant à l'économie ! Préférer une réponse en cache même périmée pour économiser la bande passante.
fetch("some.json", { cache: "force-cache" }).then((response) => {
  /* consommer la réponse */
});

// Implémentation naïve client du stale-while-revalidate.
// Préférer une réponse en cache même périmée ; mais mettre à jour si elle est trop ancienne.
// AbortController et signal pour permettre un meilleur nettoyage mémoire.
// En réalité, ce serait une fonction qui prend un chemin et une référence au contrôleur car il faudrait changer la valeur
let controller = new AbortController();
fetch("some.json", {
  cache: "only-if-cached",
  mode: "same-origin",
  signal: controller.signal,
})
  .catch((e) =>
    e instanceof TypeError && e.message === "Failed to fetch"
      ? { status: 504 } // Contournement pour Chrome, qui échoue avec un TypeError
      : Promise.reject(e),
  )
  .then((res) => {
    if (res.status === 504) {
      controller.abort();
      controller = new AbortController();
      return fetch("some.json", {
        cache: "force-cache",
        mode: "same-origin",
        signal: controller.signal,
      });
    }
    const date = res.headers.get("date"),
      dt = date ? new Date(date).getTime() : 0;
    if (dt < Date.now() - 86_400_000) {
      // si plus vieux que 24 heures
      controller.abort();
      controller = new AbortController();
      return fetch("some.json", {
        cache: "reload",
        mode: "same-origin",
        signal: controller.signal,
      });
    }

    // Autres conditions possibles
    if (dt < Date.now() - 300_000)
      // Si c'est plus vieux que 5 minutes
      fetch("some.json", { cache: "no-cache", mode: "same-origin" }); // pas d'annulation ni de valeur de retour.
    return res;
  })
  .then((response) => {
    /* consommer la réponse (éventuellement périmée) */
  })
  .catch((error) => {
    /* Peut être un AbortError/DOMException ou un TypeError */
  });