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

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中文網其他相關文章！