Next.js Isu Caching Dengan Mengambil Data

pengenalan

Isu caching biasa dalam Next.js semasa membina aplikasi ialah gelagat caching lalai Next.js yang membawa kepada kekecewaan bagi ramai pembangun. Dalam banyak kes, caching membantu mempercepatkan pemuatan halaman dan mengurangkan beban pelayan dengan menyimpan salinan sumber.
Walau bagaimanapun, ia kadangkala boleh menyebabkan kandungan lapuk dipaparkan, yang boleh menjadi masalah untuk aplikasi dinamik seperti suapan blog di mana blog baharu dipaparkan apabila ditambah.

Menarik diri daripada Caching Data

Next.js memanjangkan API pengambilan Web asli() untuk membenarkan setiap permintaan pada pelayan menetapkan semantik caching berterusannya sendiri.

Untuk menarik diri daripada caching bagi permintaan pengambilan individu, anda boleh menetapkan pilihan cache dalam pengambilan kepada 'tiada kedai'. Ini akan mengambil data secara dinamik, pada setiap permintaan.

export default async function Page() {

  const dynamicData = await fetch(`https://...`, { cache: 'no-store' })
  const data = await dynamicData.json()
}

Ini akan membantu mengatasi gelagat caching lalai Next.js

Atas ialah kandungan terperinci Next.js Isu Caching Dengan Mengambil Data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!