Bagaimana untuk Mencegah Isu Pemuatan CSS, JS dan Imej Selepas Penulisan Semula URL?

Penulisan Semula URL: Menyelesaikan Isu Pemuatan untuk CSS, JS dan Imej

Dalam penulisan semula URL, adalah perkara biasa untuk menghadapi senario di mana CSS, JS , dan fail imej berhenti dimuatkan selepas ubah hala. Isu ini biasanya berlaku apabila laluan relatif digunakan dan peraturan ubah hala mengubah suai URL asas.

Untuk menggambarkan, pertimbangkan konfigurasi berikut:

Options +FollowSymLinks

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]

RewriteRule ^detail/([0-9]+)/?$ detail.php?id=

Dalam kes ini, peraturan mengubah hala URL seperti "http://localhost/detail/123" kepada "http://localhost/detail.php?id=123". Walaupun pengalihan berlaku dengan jayanya, fail CSS, JS dan imej yang terletak dalam "http://localhost/css/" dan "http://localhost/js/" gagal dimuatkan kerana laluan relatif tidak lagi sah.

Menangani Isu

Satu penyelesaian yang biasa dicadangkan melibatkan menukar laluan relatif kepada laluan mutlak, seperti "/css/" dan "/js/". Walau bagaimanapun, pendekatan ini memerlukan pengeditan manual pada berbilang fail dan tidak dianggap sebagai penyelesaian yang boleh dipercayai.

Penyelesaian Alternatif Menggunakan Peraturan .htaccess

Untuk menangani isu ini sambil mengekalkan laluan relatif , pertimbangkan penyelesaian berikut:

Masukkan baris berikut dalam fail .htaccess anda sebelum pernyataan RewriteRule:

RewriteBase /

Ini memastikan bahawa URI asas kekal "/" walaupun selepas ubah hala, menyelesaikan isu dengan laluan relatif.

Contoh:

Dengan pengubahsuaian di atas, fail .htaccess kini muncul seperti berikut:

Options +FollowSymLinks

RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_FILENAME} -f [OR]

RewriteRule ^detail/([0-9]+)/?$ detail.php?id=

Nota: Ingat untuk meletakkan baris "RewriteBase /" sebelum sebarang pernyataan RewriteRule.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Isu Pemuatan CSS, JS dan Imej Selepas Penulisan Semula URL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!