Angular HTML5Mode为true时出现404错误

Question

我已经在angular中实现了漂亮的URL（切换到html5mode）。

当我刷新页面时，出现404错误。

例如：如果我使用http：// server /打开我的应用程序，一切正常，但是当我引用该页面或尝试打开特定页面（例如http：// server / mypage）时 ，出现404错误。

注意：

• 编译我的应用程序时，我正在用javascript组合模板。

• 编译后，我的脚本（带有模板）进入构建文件夹，并且index.html中的基本标记设置为“ /”;。

• 我正在使用Angular-ui-router。

• 使用.net作为后端。
• 前端应用程序与后端完全分开，并且都部署在IIS中。

请提出可能的解决方案或错误原因。

谢谢

Answer 1

您应该检查后端的设置，当我使用html5历史记录时，为此我有.htaccess文件（您将所有请求重定向到根index.php或index.html文件），请查看我的.htaccess：

RewriteEngine On  
  # If an existing asset or directory is requested go to it as it is
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^ - [L]

  # If the requested resource doesn't exist, use index.html
  RewriteRule ^ /index.html

如果这没有帮助，您可以阅读此[文章]