Mengapa CSS, JS dan Imej Saya Tidak Dimuatkan Selepas Penulisan Semula URL?-tutorial php-php.cn

Mengapa CSS, JS dan Imej Saya Tidak Dimuatkan Selepas Penulisan Semula URL?

Patricia Arquette

Lepaskan： 2024-12-01 18:22:13

asal

469 orang telah melayarinya

Why Aren't My CSS, JS, and Images Loading After URL Rewriting?

Isu Penulisan Semula URL: CSS, JS dan Imej Keengganan Dimuatkan

Pertanyaan ini menghadapi isu di mana penulisan semula URL berjaya mengubah hala penyemak imbas ke halaman yang dikehendaki; namun, pemuatan CSS, JS dan imej gagal. Untuk memberikan penjelasan lanjut:

Peraturan .htaccess yang disediakan:

Options +FollowSymLinks

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

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

Salin selepas log masuk

Isu yang dihadapi: Apabila menggunakan laluan relatif untuk CSS, JS dan imej, sumber ini gagal dimuatkan selepas ubah hala URL.

Mutlak Laluan sebagai Penyelesaian

Penyelesaian yang dicadangkan untuk menggunakan laluan mutlak untuk sumber bermasalah menangani punca masalah. Dengan menyatakan secara eksplisit lokasi sebenar fail ini (cth., /css/myfile.css dan bukannya /css/), penyemak imbas boleh terus mengaksesnya tanpa perlu menambahkan URI asas yang diubah suai.

Penyelesaian Alternatif: Melaraskan Pangkalan URI Halaman

Pendekatan alternatif untuk menyelesaikan isu ini melibatkan pelarasan pangkalan URI halaman selepas penulisan semula URL. Ini boleh dilakukan dengan memasukkan teg dalam bahagian setiap halaman yang terjejas:

<head>
  <base href="/"/>
  ...
</head>

Salin selepas log masuk

Dengan menggunakan teg ini, penyemak imbas diarahkan untuk merawat semua URI relatif pada halaman seolah-olah ia adalah relatif kepada direktori akar (/). Ini memastikan CSS, JS dan imej dimuatkan dengan betul walaupun URI asas diubah suai disebabkan oleh peraturan penulisan semula.

Atas ialah kandungan terperinci Mengapa CSS, JS dan Imej Saya Tidak Dimuatkan Selepas Penulisan Semula URL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!