Cara Menyelesaikan Isu Caching CSS pada Pelayan Apache

Mengatasi Isu Caching CSS dalam Apache

Pembangun sering menghadapi isu di mana perubahan yang dibuat pada fail CSS tidak ditunjukkan dalam halaman web mereka semasa ujian disebabkan caching pelayar. Artikel ini bertujuan untuk menangani isu ini dan menyediakan penyelesaian khusus untuk pelayan Apache.

Adakah Apache Caching Resources?

Ya, Apache melakukan cache sumber secara lalai. Ini dikonfigurasikan dalam fail .htaccess yang terletak dalam direktori akar tapak web. Baris berikut mungkin ada:

ExpiresByType text/css                      "access plus 1 day"
ExpiresByType application/javascript       "access plus 1 day"

Barisan ini mengarahkan Apache untuk cache fail CSS dan JavaScript selama satu hari, yang boleh membawa kepada masalah caching semasa pembangunan.

Cara untuk Halang Apache daripada Caching Sumber

Untuk menghalang Apache daripada menyimpan fail CSS, tambah baris berikut pada fail .htaccess anda:

Header set Cache-Control "no-cache, no-store, must-revalidate"

Barisan ini memberitahu Apache supaya tidak menyimpan sebarang fail cache dan untuk memintanya daripada pelayan setiap kali halaman dimuatkan.

Menggunakan Versi untuk Memaksa Muat Semula

Sebagai alternatif, anda boleh menggunakan versi untuk memaksa penyemak imbas memuat semula CSS yang dicache fail. Tambahkan parameter rentetan pertanyaan pada URL fail CSS, seperti:

<link rel="stylesheet" href="style.css?v=1">

Apabila anda mengemas kini fail CSS anda, cuma tambah nombor versi (cth., ?v=2) untuk memaksa penyemak imbas memuat turun yang dikemas kini versi.

Atas ialah kandungan terperinci Cara Menyelesaikan Isu Caching CSS pada Pelayan Apache. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!