首頁 >後端開發 >php教程 >為什麼我的 CSS、JS 和圖片在實現 SEO 友善的 URL 後會損壞?

為什麼我的 CSS、JS 和圖片在實現 SEO 友善的 URL 後會損壞?

DDD
DDD原創
2024-12-25 12:42:20725瀏覽

Why Are My CSS, JS, and Images Broken After Implementing SEO-Friendly URLs?

SEO 友善的URL 影響CSS、JS 與影像功能:重寫策略

為了增強搜尋引擎最佳化(SEO),您重做寫了您的.htaccess 文件,旨在實現SEO 友好的URL。然而,您遇到了一個意想不到的問題:CSS、JS 和映像在修改後的頁面上無法如預期運作。

問題是由於您的原始.htaccess 檔案配置使用以下方式創建了SEO 友好的URL以下規則:

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]

第一條規則將URL 重寫為更適合SEO 的格式。問題出在第二條規則。它嘗試將對 CSS、JS 和圖像的請求對應到其絕對對應項,同時維護頁面內的相對連結。

但是,這種方法會更改頁面的基本URI,導致相對連結(例如「樣式」) .css")失敗,因為瀏覽器現在相對於修改後的URL(例如,「/swift- details/2/abblinbb」)解釋它們。因此,CSS、JS 和圖片無法正確載入。

修復:絕對或基本URI注入

有兩種可能的解決方案可以解決此問題:

  • 使用絕對連結:修改頁面內的連結以使用絕對連結URL 而不是相對的URL(例如“/css/styles.css”)。 URI:
  • 添加 中具有絕對基本URI 的標記頁面的部分:
  • 這將強制瀏覽器使用適當的基本URI 解析相對鏈接,確保CSS、JS 和圖片如預期載入。

以上是為什麼我的 CSS、JS 和圖片在實現 SEO 友善的 URL 後會損壞?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn