Why Aren't My CSS, JS, and Images Loading After URL Rewriting?-PHP Tutorial-php.cn

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

Patricia Arquette

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

Original

469 people have browsed it

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

URL Rewriting Issue: CSS, JS, and Images Refusal to Load

This query confronts an issue where URL rewriting successfully redirects browsers to the desired page; however, loading of CSS, JS, and images fails. To provide further explanation:

The provided .htaccess rules:

Options +FollowSymLinks

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

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

Copy after login

The issue at hand: When using relative paths for CSS, JS, and images, these resources fail to load after URL redirection.

Absolute Paths as a Solution

The proposed solution of using absolute paths for the problematic resources addresses the root of the problem. By explicitly specifying the exact location of these files (e.g., /css/myfile.css instead of /css/), the browser can directly access them without needing to append the modified base URI.

An Alternative Solution: Adjusting the Page's URI Base

An alternative approach to resolving the issue involves adjusting the URI base of the pages after URL rewriting. This is possible by inserting a tag within the section of each affected page:

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

Copy after login

By using this tag, the browser is instructed to treat all relative URIs on the page as if they were relative to the root directory (/). This ensures that CSS, JS, and images are loaded correctly despite the modified base URI caused by the rewriting rules.

The above is the detailed content of Why Aren't My CSS, JS, and Images Loading After URL Rewriting?. For more information, please follow other related articles on the PHP Chinese website!