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

URL 書き換えを実装した後の CSS、JS、および画像の読み込みの問題を解決するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-05 22:53:14463ブラウズ

How Can I Fix CSS, JS, and Image Loading Problems After Implementing URL Rewriting?

URL 書き換え: URL 変更後の CSS、JS、および画像の読み込みの問題を解決する

Web をリダイレクトするために .htaccess に URL 書き換えルールを実装する場合ページでは、CSS、JS、画像などの外部リソースの読み込みで問題が発生することがよくあります。 .htaccess ファイル内の元のルール:

Options +FollowSymLinks

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

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

は、指定された PHP ファイルに URL を正常にリダイレクトします。ただし、URL ベースの تغییر が原因で CSS、JS、画像の読み込みに失敗すると問題が発生します。

質問で述べたように、解決策の 1 つは、外部リソースに絶対パスを使用することです。これで問題は解決される可能性がありますが、影響を受けるすべてのファイルを手動で変更する必要があり、現実的な解決策ではありません。

代わりに、.htaccess ルールを使用してこの問題を解決するより効果的な方法があります。リダイレクトされたページのヘッダーの URL ベースを調整することで、相対パスが引き続き正しく機能するようにすることができます。方法は次のとおりです。

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

この行は の間に追加する必要があります。そしてリダイレクトされたページ内のタグ。ベース href を / に設定すると、ベース URL が /detail/ ではなく元の場所 / に再確立されます。その結果、ブラウザは URL の変更に関係なく相対リンクを正しく入力し、外部リソースは期待どおりに読み込まれます。

この方法では、個々の PHP ファイルを手動で編集する必要がなくなり、クリーンで効率的なソリューションが提供されます。 URL リダイレクト後の外部リソースの読み込みの問題。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。