mod_rewrite相对路径css/js的问题

Question

嗨，我有一个问题。 我想获取重定向到主目录中索引文件的所有请求，并且我已经实现了这一点，但相对路径存在问题。
当我输入类似以下地址：mydomain.com/something 时，它可以正常工作，因为路径是相对于主目录的。
问题是当我输入类似以下内容时：mydomain.com/something/somethingelse。

.htaccess 文件：

Options FollowSymLinks
RewriteEngine On
# ignore anything that's an actual file
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} !-f
# redirect all other traffic to the index page
RewriteRule . index.php [L]

关于如何让 css/js 工作有什么想法吗？

---

编辑：

问题是当输入的路径有多个斜杠时，不会加载 css/js 文件，例如：mydomain.com/something/somethingelse

Answer 1

毫无疑问，对于静态文件（css、js、图像等）使用绝对路径更好。但是，如果您在多个页面中存在大量此类实例，请考虑使用 HTML 基本标记 来指定相对路径的默认 URL。例如：

<base href="http://www.example.com/static/" />

Answer 2

使用 标签是一个很好的解决方案，大多数浏览器似乎都能很好地处理它。除了 IE 存在一些问题之外，正如预期的那样......显然您还可能遇到其他一些有趣的问题，请参阅此处的讨论。

因此，对于那些无法选择这种方法的人，我已经研究了替代方案（“困难的方法”）。

通常，您存储 css/js/静态图像/其他类似这样的东西：

index.php
js/
css/
imgs/

并且您希望 javascript 和样式表等可用，无论 url 中有多少个斜杠。如果你的url是/site/action/user/new那么你的浏览器会请求

/site/action/user/css/style.css
/site/action/user/css/framework/fonts/icons.ttf
/site/action/user/js/page.js
/site/action/user/js/jquery/jquery.min.js
/site/action/user/js/some/library/with/deep/dir/structure/file.map

所以这里有一些apache的重写规则来解决这个问题......首先，如果目标实际上存在于磁盘上，则不要重写：

RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^.*$ - [L,QSA]

换句话说，如果请求文件名是一个目录，或者如果请求文件名是一个文件，则不重写 (-)，最后一条规则 (L) 并传递任何 GET 参数（QSA、查询字符串附加）。 也可以使用

RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -l
RewriteRule ^.*$ - [L,QSA]

如果您还需要符号链接， 。接下来，即使请求假设了错误的基目录（如上所示），我们也希望能够找到 javascript 和样式表。

RewriteRule ^.*/js/(.*)$ js/$1 [L]      
RewriteRule ^.*/css/(.*)$ css/$1 [L]

模式非常明显，只需将“css”替换为目录名称即可。这仍然存在一个问题，特别是对于具有大量 javascript 和样式表、库等的大型网站。 - 正则表达式是贪婪的。例如，如果您有一个像这样的 javascript 目录：

js/some/library/js/script.js

并且您的请求转到 /site/action/user/new，浏览器将请求 /site/action/user/new/js /some/library/js/script.js，重写引擎将重写它，

js/script.js

因为第一个 .* 是贪婪的并且匹配 /site/action/user/新/js/some/library。切换到非贪婪正则表达式并没有真正意义，因为“重写引擎会重复所有规则，直到 URI 成为通过规则进行迭代之前和之后

是相同的。” 还有一个问题，那就是对于每个需要免于重写的目录，都需要一个相对“昂贵”的正则表达式。这两个问题都可以通过将每个静态组件放入一个具有“不寻常”名称的子目录中来解决（在我看来，这实际上是最好的解决方案 - 任何有更好想法的人请发布它）。

目录结构将如下所示：

index.php
mystrangedir/js/
mystrangedir/css/
mystrangedir/imgs/

当然，这需要插入到代码中的任何位置 - 对于具有大量现有代码库的项目，这可能很棘手。但是，您只需要一个正则表达式来进行目录豁免：

RewriteRule ^.*/mystrangedir/(.*)$ mystrangedir/$1 [L]

自动构建系统（如 gulp、grunt...）可用于检查“mystrangedir”是否不作为其自身下方任何位置的目录存在（这将再次抛出重写引擎）。

请随意将 mystrangedir 重命名为更明智的名称，例如 static_content，但它越明智，该目录名称就越有可能已在某些库中使用。如果您想要一个绝对安全且以前从未使用过的目录名称，请使用加密哈希，例如010f8cea4cd34f820a9a01cb3446cb93637a54d840a4f3c106d1d41b030c7bcb。这是相当长的匹配；您可以通过缩短它来在唯一性和正则表达式性能之间进行权衡。

Answer 3

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.php [L]

尽管有评论，显然应该有效。

尝试添加 RewriteLog 和 RewriteLogLevel 指令来为我们提供更好的详细信息。

Answer 4

这是一个路径解析问题：当在基本路径 /something 上使用相对路径 ./css 时，它会解析为 /css /something/somethingelse 它被解析为 /something/css。

这不能（或者更确切地说不应该）用 mod_rewrite 来修复。使用绝对路径而不是相对路径，因此使用 /css 而不是 ./css。