我有一个应用程序，它使用单个 ng-view 和多个控制器和视图。 如果我浏览根目录，例如：www.domain.com，一切正常。除了如果我按 Ctrl+R（刷新）然后它给我 404 错误页面未找到。例如：在此页面上刷新给我错误。 http://domain.com/item/1/。
但如果我使用 hashbang 访问该页面，那么它可以工作。例如：http://domain.com/#!/item/1/
我该如何解决这个问题？ 我的 htacess 是空的。我使用的是支持 html5 hashbang 的 chrome。
【问题讨论】：
标签： angularjs
当浏览器调用http://example.com/#!/item/1/时，就是调用http://example.com/的索引页，你的JS通过分析hashtag来决定展示什么内容。
当浏览器调用http://example.com/item/1/ 时，您的服务器正在尝试提供http://example.com/item/1/ 的索引页，但它找不到该索引页，因此会引发404 错误。
要实现您想要的，您需要：
$locationProvider.html5Mode(false); 关闭 html5 模式，或者http://example.com/item/1/ 中放置一个重定向到http://example.com/#!/item/1/ 的索引页 - 但请注意，您需要为每个 /prettyPath/ 重复此操作。假设您使用的是 Apache 并且您的索引文件是 index.html，请在尝试其他两种解决方案之前尝试将以下内容添加到您的 .htaccess 文件中以创建重写规则。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*) /index.html/#/$1
</IfModule>
如果您使用的是没有服务器端逻辑的纯 AngularJS/Ajax 解决方案，请将 index.php 更改为 index.html（或 index.htm，具体取决于您的根索引文件名）。
【讨论】：
controllers.js 中。将redirectTo: '/annonser/1/' 更改为redirectTo: '/#!/item/1'，你应该没问题。您还需要调整其他 URL 以避免其他内容出现同样的问题。
关于此的伟大博客文章在这里... http://ericduran.io/2013/05/31/angular-html5Mode-with-yeoman/
“这主要是因为您的 AngularJS 路由不是实际的 html 页面。例如，如果您的 Angular 应用程序中有一条到 /create-order 的路由。如果您从应用程序内部链接到该 URL，则该 URL 可以正常工作但如果用户尝试直接访问该页面，服务器将返回 404。”
【讨论】：
这是 .NET 版本的 URL 重写 (IIS)
<system.webServer>
<rewrite>
<!--This directive was not converted because it is not supported by IIS: RewriteBase /.-->
<rules>
<rule name="Imported Rule 1" stopProcessing="true">
<match url="^index\.html" ignoreCase="false" />
<action type="None" />
</rule>
<rule name="Imported Rule 2" stopProcessing="true">
<match url="." ignoreCase="false" />
<conditions>
<add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
</conditions>
<action type="Rewrite" url="/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
【讨论】：
您只需在 .htaccess 中添加以下脚本
RewriteEngine On
Options FollowSymLinks
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /#/$1 [L]
【讨论】：
sudo a2enmod rewrite。如果它输出“mod rewrite already enabled”，确实，它“不起作用”，但如果输出类似于“Mod rewrite is now enabled”，这可能是您期望的修复。我想需要重新启动apache。 (sudo service apache2 restart)
我无法发表评论，但除了使用HTML mode、base href="/"、sudo a2enmod rewrite，使用.htaccess 重写。我必须AllowOverride All 在两个 您网站的可用网站和 /etc/apache2 apache.conf
【讨论】：
<ifModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !index
RewriteCond %{REQUEST_URI} !.*\.(css js|html|png)
RewriteRule (.*) index.html [L]
</ifModule>
将其用作 .htaccess
【讨论】：
截至 2018 年 3 月，只需在您的 .htaccess 文件中添加以下这些行。
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
#RewriteRule ^(.front-end*)$ /front-end [NC,L,QSA]
RewriteRule ^(.*)$ /index.html [NC,L,QSA]
希望这对你有帮助。
【讨论】：