Pourquoi mes CSS, JS et images ne se chargent-ils pas après la réécriture d'URL ?-tutoriel php-php.cn

Pourquoi mes CSS, JS et images ne se chargent-ils pas après la réécriture d'URL ?

Patricia Arquette

Libérer： 2024-12-01 18:22:13

original

468 Les gens l'ont consulté

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

Problème de réécriture d'URL : refus de chargement de CSS, JS et images

Cette requête est confrontée à un problème où la réécriture d'URL redirige avec succès les navigateurs vers la page souhaitée ; cependant, le chargement des CSS, JS et des images échoue. Pour fournir plus d'explications :

Les règles .htaccess fournies :

Options +FollowSymLinks

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

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

Copier après la connexion

Le problème en question : lors de l'utilisation de chemins relatifs pour CSS, JS et images, ces ressources ne parviennent pas à se charger après la redirection d'URL.

Chemins absolus en tant que Solution

La solution proposée consistant à utiliser des chemins absolus pour les ressources problématiques s'attaque à la racine du problème. En spécifiant explicitement l'emplacement exact de ces fichiers (par exemple, /css/myfile.css au lieu de /css/), le navigateur peut y accéder directement sans avoir besoin d'ajouter l'URI de base modifié.

Une solution alternative : ajuster la base URI de la page

Une approche alternative pour résoudre le problème implique ajuster la base URI des pages après réécriture d'URL. Ceci est possible en insérant un dans la balise de chaque page concernée :

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

Copier après la connexion

En utilisant cette balise, le navigateur est invité à traiter tous les URI relatifs de la page comme s'ils étaient relatifs au répertoire racine (/). Cela garantit que CSS, JS et les images sont chargés correctement malgré l'URI de base modifié provoqué par les règles de réécriture.

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!