angularjs – 刷新页面“找不到页面”

我有一个应用程序，它使用单个ng视图和多个控制器和视图。
如果我通过根导航，例如：www.domain.com，一切工作。除了如果我按Ctrl R(刷新)，那么它给了我404错误页面找不到。例如：刷新在此页面给我错误。
http://domain.com/item/1/。

但如果我访问的页面使用hashbang然后它works.eg：http://domain.com/#!/item/1/

如何解决这个问题？
我的温柔是空的。和我使用chrome，它支持html5 hashbang。

当浏览器调用http://domain.com/#!/item/1/时，它正在调用http://domain.com/的索引页面，然后您的JS通过分析主题标签来确定要显示的内容。

当浏览器调用http://domain.com/1/时，您的服务器尝试提供http://domain.com/1/的索引页面，它无法找到，因此会引发404错误。

要实现你想要的，你需要：

>创建重写规则以重写到根索引页的链接
>调整你的JS，使它生成标签而不是URL。如果你使用AngularJS，然后关闭html5模式与$ locationProvider.html5Mode(false);或
>在http://domain.com/1/中放置一个索引页，重定向到http://domain.com/#!/item/1/ – 但是请注意，这将需要对每个/ prettyPath / you重复克里特。

假设您使用Apache并且您的索引文件是index.PHP，请尝试在尝试其他两个解决方案之前将以下内容添加到您的.htaccess文件以创建重写规则。

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)       /index.PHP/#/$1 
</IfModule>

如果您使用的是没有服务器端逻辑的纯AngularJS / Ajax解决方案，请将index.PHP更改为index.html(或index.htm，具体取决于您的根索引文件名)。

angularjs – 刷新页面“找不到页面”

猜你在找的Angularjs相关文章