Bagaimana untuk Membetulkan CSS, JavaScript dan Imej Rosak Selepas Melaksanakan URL Mesra SEO?

Menyelesaikan Masalah CSS, JavaScript dan Imej Rosak dengan URL Mesra SEO

Apabila melaksanakan URL mesra SEO melalui penulisan semula .htaccess, ia adalah perkara biasa untuk menghadapi masalah dengan CSS, JavaScript dan imej yang gagal dimuatkan. Ini disebabkan URI asas aset ini diubah suai selepas penulisan semula URL.

Untuk menggambarkan isu ini, pertimbangkan peraturan penulisan semula berikut:

RewriteRule ^swift-details/([0-9]+)/([0-9a-zA-Z_-]+)$ swift-details.php?id= [NC,L]
RewriteRule ^swift-details/(css|js|img)/(.*)?$ // [L,QSA,R=301]

Peraturan ini berjaya menghalakan permintaan ke lokasi yang dikehendaki, tetapi URI relatif dalam HTML tidak lagi berfungsi dengan betul. Contohnya, dalam struktur URL asal, URI asas untuk aset ialah "/". Walau bagaimanapun, selepas penulisan semula, asas menjadi "/swift/details/". Akibatnya, penyemak imbas cuba menambah pangkalan ini kepada semua URL relatif, mengakibatkan rujukan rosak.

Untuk menyelesaikan isu ini, dua pilihan tersedia:

1. Gunakan Pautan Mutlak: Ubah suai HTML untuk menggunakan URL mutlak untuk CSS, JavaScript dan imej. Pendekatan ini memastikan bahawa rujukan kekal konsisten tanpa mengira URI asas.
2. Tetapkan Pangkalan URI: Dalam bahagian kepala HTML, tambahkan baris berikut:

<base href="/" />

Ini menetapkan URI asas kepada "/" untuk semua halaman, memastikan bahawa URI relatif diselesaikan dengan betul oleh penyemak imbas, walaupun selepas Tulis semula URL.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan CSS, JavaScript dan Imej Rosak Selepas Melaksanakan URL Mesra SEO?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!