Comment les règles .htaccess peuvent-elles résoudre les problèmes de chargement de CSS, JS et d'images après la réécriture d'URL ?

Réécriture d'URL : résolution des problèmes de CSS, JS et de chargement d'images

Lors de la mise en œuvre de la réécriture d'URL à l'aide des règles .htaccess, il est courant de rencontrer des problèmes où CSS, JS et images ne se chargent pas après la redirection. Une raison potentielle est que la base des URI relatifs est modifiée en raison de la redirection.

Une solution suggérée consiste à utiliser des chemins absolus pour les fichiers CSS et JS, mais cette approche peut s'avérer peu pratique car elle nécessite des modifications manuelles de tous les fichiers. . Une solution alternative basée sur les règles .htaccess peut résoudre ce problème :

RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteRule ^detail/([0-9]+)/?$ detail.php?id=
RewriteRule ^(css/.*|js/.*|img/.*)$  [L]

Cette règle garantit que les requêtes directes CSS, JS et images sont traitées séparément et que leurs chemins relatifs restent intacts. La règle comprend les sections suivantes :

• RewriteBase /: Définit le répertoire de base pour toutes les règles de réécriture.
• RewriteCond %{REQUEST_FILENAME} -f [OR] : Vérifie si le fichier demandé existe.
• RewriteRule ^detail/([0-9] )/?$ detail.php?id=$1: Redirige les requêtes d'URL au format "/detail/123" vers "detail.php?id=123".
• RewriteRule ^(css/.|js/.|img/.*)$ $1 [L]: Correspond aux requêtes directes pour les fichiers CSS, JS et image et laisse leurs URI inchangés.

En implémentant cette solution, les chemins relatifs pour CSS, JS et les images sont préservés, garantissant que ces ressources se chargent correctement même après la redirection.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!