适用于HTML5路由参数的angularjs的通用.htaccess

时间:2015-05-03 01:04:50

标签: javascript angularjs .htaccess

这是我目前的.htaccess文件:

    RewriteEngine on

    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]

    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]

它适用于网址:

http://domain.com/view

http://domain.com/otherview

但是,如果我尝试对这样的参数进行硬刷新:

http://domain.com/view/3523

http://domain.com/view/1234/5322

如果我对任何参数生成的页面进行硬刷新,它只显示index.html而不加载任何Javascript,这会打破页面。

如果我从应用程序中导航到该页面,参数URL的工作,否则它们不起作用。

如何让参数URL在AngularJS中进行硬刷新。

我也打开了HTML5模式:

$locationProvider.html5Mode(true);

1 个答案:

答案 0 :(得分:0)

我在另一篇文章中找到了解决方案: AngularJS routes + .htacces rewriting + route Parameters = not working

您只需将基本标记放在所有标记的顶部即可。至少它适用于我们大多数人。