.htaccess規則如何解決URL重寫後CSS、JS、圖片載入問題？

URL 重寫：解決CSS、JS 和圖像加載問題

使用.htaccess 規則實現URL 重寫時，經常會遇到問題CSS、JS 和映像在重定向後無法載入。一個潛在的原因是相對 URI 由於重定向而修改了其基址。

一種建議的解決方案是使用 CSS 和 JS 檔案的絕對路徑，但這種方法可能不方便，因為它需要手動更改所有檔案。基於 .htaccess 規則的替代解決方案可以解決此問題：

RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteRule ^detail/([0-9]+)/?$ detail.php?id=
RewriteRule ^(css/.*|js/.*|img/.*)$  [L]

此規則可確保對 CSS、JS 和圖像的直接請求單獨處理，並且它們的相對路徑保持不變。此規則包括以下部分：

• RewriteBase /: 設定所有重寫規則的基底目錄。
• RewriteCond %{REQUEST_FILENAME} -f [OR]: 檢查要求的檔案是否存在。
• RewriteRule ^detail/([0-9] )/?$detail.php?id=$1: 將格式為「/detail/123」的URL 請求重新導向至「 detail.php?id=123”。
• 重寫規則^(css/.|js/.|img/.*)$ $1 [L]: 符合對CSS、JS 與影像檔案的直接請求，並保持其URI 不變。

透過實作此解決方案，保留 CSS、JS 和圖片的相對路徑，確保即使在重定向後這些資源也能正確載入。

以上是.htaccess規則如何解決URL重寫後CSS、JS、圖片載入問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！