当Angular HTML5Mode为true时出现404错误

时间:2017-06-28 05:40:09

标签: javascript angular-ui-router html5-history angular1.6

我在angular中实现了漂亮的url(切换到html5mode)。

当我刷新页面时,我收到404错误。

例如:如果我使用http://server/打开我的应用,一切正常,但当我引用该页面或尝试打开特定页面http://server/mypage时,我收到404错误。

注意:

  • 在编译我的应用程序时,我在javascript中组合模板。
  • 编译完成后,我的脚本(带模板)进入构建文件夹 index.html中的基本标记设置为“/";.

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

  • 使用.net作为后端。
  • 前端应用与后端完全分开&两者都部署在IIS中。

请建议错误的可能解决方案或原因。

由于

1 个答案:

答案 0 :(得分:0)

你应该在后端检查你的设置,当我使用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

如果没有帮助,您可以阅读此[article]