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為開發服務器運行，因為它每次您編輯文件時都會自動刷新，因此非常方便。