SEO に優しい URL を実装した後に壊れた CSS、JavaScript、画像を修正するにはどうすればよいですか?

SEO フレンドリーな URL での壊れた CSS、JavaScript、画像のトラブルシューティング

.htaccess の書き換えを通じて SEO フレンドリーな URL を実装する場合、一般的な問題は次のとおりです。 CSS、JavaScript、画像の読み込みに失敗するなどの問題が発生します。これは、URL 書き換え後にこれらのアセットのベース URI が変更されることが原因です。

この問題を説明するには、次の書き換えルールを考えてみましょう。

RewriteRule ^swift-details/([0-9]+)/([0-9a-zA-Z_-]+)$ swift-details.php?id= [NC,L]
RewriteRule ^swift-details/(css|js|img)/(.*)?$ // [L,QSA,R=301]

このルールはリクエストを正常にルーティングします。目的の場所にありますが、HTML 内の相対 URI が正しく機能しなくなります。たとえば、元の URL 構造では、アセットのベース URI は「/」になります。ただし、書き換え後はbaseは「/swift/details/」になります。その結果、ブラウザはこのベースをすべての相対 URL の前に付加しようとし、その結果、参照が壊れます。

この問題を解決するには、2 つのオプションが利用可能です:

1. 使用絶対リンク: CSS、JavaScript、画像に絶対 URL を使用するように HTML を変更します。このアプローチにより、ベース URI に関係なく参照の一貫性が保たれます。
2. URI ベースを設定します: HTML ヘッド セクション内に、次の行を追加します:

<base href="/" />

これにより、すべてのページのベース URI が「/」に設定され、URL の後でも相対 URI がブラウザによって正しく解決されるようになります。書き直します。

以上がSEO に優しい URL を実装した後に壊れた CSS、JavaScript、画像を修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。