.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中文网其他相关文章！