如何在實施 SEO 友善的 URL 後修復損壞的 CSS、JavaScript 和圖片？

使用SEO 友好的URL 對損壞的CSS、JavaScript 和圖像進行故障排除

透過.htaccess 重寫實現SEO 友好的URL時，這是很常見的遇到CSS、JavaScript 和映像無法載入的問題。這是因為這些資產的基本 URI 在 URL 重寫後被修改。

為了說明該問題，請考慮以下重寫規則：

此規則成功將請求路由到所需的位置，但 HTML 中的相對 URI 不再正常運作。例如，在原始 URL 結構中，資產的基本 URI 將為「/」。然而，重寫後，基礎變為“/swift/details/”。因此，瀏覽器會嘗試將此基址新增到所有相對 URL 的前面，從而導致引用損壞。

要解決此問題，有兩個選項可用：

1. 使用絕對連結： 修改 HTML 以對 CSS、JavaScript 和圖片使用絕對 URL。此方法可確保無論基本 URI 如何，引用都保持一致。
2. 設定URI 基本： 在HTML 標題部分中，新增以下行：

這將所有頁面的基本URI 設定為“/” ，確保瀏覽器正確解析相對URI，即使在URL 之後重寫。

以上是如何在實施 SEO 友善的 URL 後修復損壞的 CSS、JavaScript 和圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！