mod_rewrite 到 index.html 会破坏深层 URL 的相对路径

Question

对于单页应用程序，我的 .htaccess 文件中有以下 RewriteRule 将所有流量定向到 index.html，以便 JS 可以解析 URL 并相应地触发控制器。

  # html5 pushstate (history) support:
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_URI} !index
  RewriteRule (.*) index.html [L]

这适用于顶级 URL，如 www.mydomain.com/resource，但更深层次的 URL，如 www.mydomain.com/resource/123，会在索引中破坏当前目录 ('.') 的值。 html.

例如，我的 index.html 中的脚本标签是这样的

<script src="js/app/config.js"></script>

会翻译成 src="resource/app/config.js"

或者，对于像“www.mydomain.com/more/nested/resource/123”这样的网址，同一个 js 文件上的 src 将被解释为“more/nested/resource/app/config.js”。

不用说，这些文件不存在并且应用程序中断。

任何人都可以解释这里发生了什么吗？谢谢。

Answer 1

我让它工作了，这是怎么回事：

当您将以下内容作为 src 时：

<script src="js/app/config.js"></script>

您说得对，Apache 正确地重新路由到 index.html（或您拥有的任何备用 URL），然后尝试根据 URL 中的嵌套路径相对访问资源。

要纠正这个问题，您需要有一个前导的“/”来表示根目录，如下所示：

<script src="/js/app/config.js"></script>

一旦我为我的 js 库、css 表等执行此操作，它就可以正常工作，并且backbone.js 处理了所有的 URL。

注意：在 Apache 2.2+ 中，您现在可以使用 FallbackResource 代替 mod_rewrite，它需要更少的行并完成相同的事情。

建议的另一件事是尽可能使用绝对 URL。

Answer 2

我使用它来支持 html5 历史记录——js、css、img 或 svc 目录中的任何内容都未修改。其他所有内容都转到 index.html：

Options +FollowSymLinks
RewriteEngine On
RewriteBase /
RewriteRule ^(js|css|img|svc)($|/) - [L]
RewriteRule ^(.*)$ index.html [L]

注意，我刚刚在下面看到您的评论。如果您将脚本引用为

<script src="/js/myscript.js"> 

那么您不必担心 html 的基本位置。注意“js”之前的斜线。我意识到在另一个答案中已经指出了这一点，但是这种技术和重写规则的结合可能会奏效。