使用MAMP的html5推送状态

Question

我正在本地开发一个有角度的网站(使用虚拟主机和xip.io服务器别名)，并使用推状态来查找其他类型的hashbang填充的urls。在远程服务器上，我可以使用.htaccess和索引上的基本href来实现这一点，但是在本地工作，我还不能让它完全工作。

我可以浏览站点，urls也会相应变化，但是如果我刷新页面，.js依赖项就会有404个，页面只加载一半。

这是我尝试过的htaccess：

# html5 pushstate (history) support: <ifModule mod_rewrite.c> RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} !index RewriteRule (.*) /index.html [L] </ifModule>

这就是我所使用的根级htaccess，它没有任何效果。但是，在服务器上，htaccess文件需要放置在根目录的一个级别上，因此我在本地设置上执行了类似的操作：

# html5 pushstate (history) support: <ifModule mod_rewrite.c> RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} !index RewriteRule (.*) dist/index.html [L] </ifModule>

还是没有效果。

在googling中，我发现可以通过vhost文件添加这些规则，因此我尝试将这些规则添加到<Directory>标记中，如下所示：

<VirtualHost *:80>
ServerName localmk.ilium1.com
ServerAlias client.*.xip.io
DocumentRoot /Users/mattk/Documents/ilium/web2014/BootstrapRepository/ilium-website-bootstrap/bootstrap/dist
<Directory /Users/mattk/Documents/ilium/web2014/BootstrapRepository/ilium-website-bootstrap/bootstrap/dist>

DirectoryIndex index.html

# html5 pushstate (history) support
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
</IfModule>
</Directory>
</VirtualHost>

我只是跳到这件事上，所以我很无知(万一这里没有显示出来)。我问的问题可能是对的，也可能不是。任何指导都是非常感谢的。

编辑：重新启动Apache后，我以前试图刷新的页面就开始这样做了。我兴奋起来，用“重启服务器”回答我自己的问题，然后愉快地回去工作.直到我发现其他的观点仍然没有得到适当的更新。这些视图模板和URL接近目录结构顶部的一个级别，例如，/work/上的视图不会正确/完全刷新，但/work/somethingelse上的视图会刷新得很好。控制台告诉我我的每个.js文件(最终通过Grunt连接为一个文件)的.js，以及每个文件的Uncaught SyntaxError: Unexpected token <。以前，这些只会导致404。不知道怎么回事。

Answer 1

嗯，这很清楚地说明了我的愚蠢。答案很简单。

在编辑vhost文件之后，我忽略了重新启动Apache。

重新启动服务器就像一种魅力。接下来的尴尬..。