ホームページ > バックエンド開発 > PHPチュートリアル > .htaccess ルールは URL 書き換え後の CSS、JS、および画像の読み込みの問題をどのように解決できますか?

.htaccess ルールは URL 書き換え後の CSS、JS、および画像の読み込みの問題をどのように解決できますか?

Linda Hamilton
リリース: 2024-12-06 20:27:15
オリジナル
645 人が閲覧しました

How Can .htaccess Rules Solve CSS, JS, and Image Loading Problems After URL Rewriting?

URL 書き換え: CSS、JS、および画像の読み込みの問題の解決

.htaccess ルールを使用して URL 書き換えを実装すると、一般的に問題が発生します。ここで、CSS、JS、および画像はリダイレクト後にロードに失敗します。考えられる理由の 1 つは、リダイレクトによって相対 URI のベースが変更されていることです。

提案される解決策の 1 つは、CSS ファイルと JS ファイルに絶対パスを使用することですが、このアプローチはすべてのファイルを手動で変更する必要があるため、不便な場合があります。 。 .htaccess ルールに基づく代替ソリューションは、この問題を解決できます。

RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteRule ^detail/([0-9]+)/?$ detail.php?id=
RewriteRule ^(css/.*|js/.*|img/.*)$  [L]
ログイン後にコピー

このルールにより、CSS、JS、および画像への直接リクエストが個別に処理され、それらの相対パスがそのまま維持されることが保証されます。ルールには次のセクションが含まれます。

  • RewriteBase /: すべての書き換えルールのベース ディレクトリを設定します。
  • RewriteCond %{REQUEST_FILENAME} -f [OR]: 要求されたファイルが正しいかどうかを確認します
  • RewriteRule ^detail/([0-9] )/?$detail.php?id=$1: "/detail/123" 形式の URL に対するリクエストをリダイレクトします。 "detail.php?id=123".
  • RewriteRule ^(css/.|js/.|img/.*)$ $1 [L]: CSS、JS、および画像ファイルの直接リクエストに一致し、URI は変更されません。

このソリューションを実装すると、CSS、JS、画像の相対パスが保持され、これらのリソースが正しく読み込まれるようになります。リダイレクト。

以上が.htaccess ルールは URL 書き換え後の CSS、JS、および画像の読み込みの問題をどのように解決できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート