Angular HTTP服务器页面刷新404

Question

我有一个带有控制器路由的角度应用程序，如下所示：

控制器/favorites.js

...
$stateProvider.state('app.favorites' {url: '/favorites'} ...);

index.html

...
<a ui-sref="app.favorites"> ...

当您单击<a>标记时，它将带您到正确的控制器，将页面路由到/favorites ，一切都变得很繁琐。 但是，当您刷新页面时，我得到了404（URL仍然是/favorites ）

知道为什么会这样吗？ 我正在使用http-server运行应用程序，但是python -mSimpleHTTPServer也遇到了相同的问题

Answer 1

可以通过DOM的“历史记录” API更改页面位置而无需重新加载页面。 您的后端不会自动知道或关心前端应用程序执行此操作的方式。

在Angular应用程序将浏览器导航到/favorites位置之后，刷新时，您将在/favorites位置找到后端。

您的后端对/favorites的GET请求有反应吗？ 也许应该！ 通常认为“最佳做法”是允许用户刷新而不使用404。

这也许是打破DRY（不要重复自己）的好时机； 前端和后端都需要了解您的应用程序的路由。

Answer 2

它可能与角度如何加载视图有关。 当您点击索引页面时，它会同时加载所有视图。 我认为问题在于，由于您在同一页面上刷新，只是不知道重新加载视图。

我会考虑使用grunt serve为开发服务器运行，因为它每次您编辑文件时都会自动刷新，因此非常方便。