URL 重写：css、js 和图像未加载答案

【问题标题】：URL rewriting : css, js, and images not loadingURL 重写：css、js 和图像未加载
【发布时间】：2012-10-04 16:45:00
【问题描述】：

我遵循.htaccess 的规则

Options +FollowSymLinks

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]

RewriteRule ^detail/([0-9]+)/?$ detail.php?id=$1

它将http://localhost/detail/123 URL 重定向到http://localhost/detail.php?id=123。页面重定向成功，但问题是CSS, JS, and images没有加载，

CSS、js文件位于http://localhost/css/和http://localhost/js/下

一种解决方案是使用绝对路径（例如 /CSS 或 /js 而不仅仅是 CSS/、/js，但这似乎不是一个可靠的解决方案，因为我们必须全部更改它文件，

基于.htaccess规则的任何其他解决方案，它独立于编辑所有PHP文件并让我们使用“相对路径”？

【问题讨论】：

您应该根据您的系统使用绝对路径，例如如果您使用 linux，则类似于 /var/www/css/
¿您的 css 和 js 目录到底在哪里？
他们在http://localhost/css/style.css和http://localhost/js/js.js
另外我必须创建一个空目录，在这种情况下是“详细信息”以便重写工作，有没有办法解决它？

标签： php apache .htaccess mod-rewrite url-rewriting

【解决方案1】：

一种解决方案是使用绝对路径（例如 /css 或 /js 而不仅仅是 css/、/js，但这看起来不是一个可靠的解决方案，因为我们必须在所有文件上更改它，

这是因为您的相对 URI 的基数已更改。原来，当页面为/detail.php?id=123时，base为/，浏览器正确填写了/base的相关链接。但是当浏览器转到像/detail/123 这样的页面时，基础突然变为/detail/，它会尝试将其附加到所有相对 URL 的前面，因此它们都不会加载。

您可以将链接设为绝对链接，也可以更改页面标题中的 URI 基础（在 <head> </head> 标签之间）：

<base href="/">

【讨论】：

任何其他解决方案，而不是编辑实际的 php、html 文件（例如 .htaccess 文件规则）
谢谢乔恩。最快最整洁的解决方案。
这个帮助了我<base href="/project/">，我不必更改所有脚本或 css 文件的路径。谢谢乔恩。

【解决方案2】：

不要偷懒，将资源中的相对 URI 更改为根目录绝对路径，例如 /css/style.css。这是最好的。

您可以变得聪明并使用正则表达式并替换您需要的所有文件，这就像几条衬里一样，您就完成了。有多少地方可以改变？而且您应该使用模板。

这应该可行，但我不会这样做。

RewriteRule ^detail/(css|js|img)/(.*)?$ /$1/$2 [L,QSA,R=301]

【讨论】：

您的意思是我应该在所有资源中使用“绝对路径”吗？而不是“亲戚”
@BhaveshGangani 有点像，但不是那种协议和域http://example.com/css/style.css，而是这种根目录绝对路径：/css/style.css
在正文中有评论澄清会很棒:)
谢谢@Joe - 我已经做出了改进。

【解决方案3】：

我将 url 重写应用于核心 php 中的项目。我遇到了同样的问题。 css、Js 和图像没有被加载。我使用了它，它对我有用。 Source

# Allow any files or directories that exist to be displayed directly
RewriteCond ${REQUEST_URI} ^.+$
RewriteCond %{REQUEST_FILENAME} \.(gif|jpe?g|png|js|css|swf|php|ico|txt|pdf|xml)$ [OR]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -l
RewriteRule ^ - [L]

【讨论】：

【解决方案4】：

Anthony 的回答是完全正确的，他实际上是在尝试在那里传授一些好的做法。

但是，由于您似乎对这个答案并不满意，所以这里有一个不同的解决方案。只需在任何 Rewrite-Command 之前将此行插入 .htaccess：

RedirectMatch permanent ^/detail/((css|js)/.*)  /$1

它将所有最初对 /details/css/style.css 和 /details/js/js.s 的 404 请求重定向到它们的实际位置。既不漂亮也不优雅，但它确实有效。

【讨论】：

【解决方案5】：

这段代码非常适合我，在重定向规则之前添加(RewriteRule ^detail/([0-9]+)/?$ detail.php?id=$1)

RewriteRule ^(.+)/(admin|css|fonts|ico|include|js|images)/(.*)$ $2/$3 [L]

【讨论】：

【解决方案6】：

只需排除它会自动加载的目录

RewriteRule ^(css|js|fonts|images|plugins)($|/) - [L]

【讨论】：

【解决方案7】：

当我更改样式链接时，我的问题解决了

 <link href="css/styles.css" rel="stylesheet" />

转入<link href="/css/styles.css" rel="stylesheet" />

【讨论】：