要使AngularJS路由功能正確，需要什麼Web服務器配置？

Question

我正在使用AngularJS路由來提供單頁面應用程序。配置是：

var ewiApp = angular.module("ewi", []); 
ewiApp.config(function ($routeProvider, $locationProvider) { 
    $routeProvider.when('/home', 
     { 
      templateUrl: '/private/app/index.html' 
     }); 
    $routeProvider.when('/alarms/active', 
     { 
      templateUrl: '/private/app/alarms/partials/active.html', 
      controller: 'ActiveAlarmListCtrl' 
     }); 
    $routeProvider.otherwise({redirectTo: '/home'}); 
    $locationProvider.html5Mode(true).hashPrefix('!'); 
}); 

，我遇到的問題是，當我輸入「/」或「/ ABC」或比「/報警/主動」其他任何內容，angularjs庫進入一個無限循環試圖一次又一次地加載index.html文件及其所有的javascript，css和圖像文件。我注意到一個時間戳已被添加到每個文件請求。我好像angularjs試圖不使用已經加載的文件的緩存版本。這一直持續到我關閉瀏覽器選項卡。

我包括下面的JavaScript庫，以及一些我們自己的：

<script src="/lib/jquery/jquery-1.10.1.js"></script> 
<script src="/lib/jquery/jquery-migrate-1.2.1.js"></script> 
<script src="/lib/bootstrap/bootstrap.min.js"></script> 
<script src="/lib/angular/angular.js"></script> 

我已經看了幾的在線視頻討論如何建立AngularJS的路由和他們都提到，一些服務器配置也是必需的，但我還沒有看到任何具體標識服務器配置需要的內容。我想知道是否我的angularjs庫中的無限循環問題與我需要在服務器上更改的某些內容有關？我正在使用lighttpd Web服務器。

我想知道是否有其他人遇到過這個問題？

Answer 1

嗯，我覺得很蠢，但是我發現當輸入「/ home」URL或觸發「otherwise」子句時，AngularJS庫會進入無限循環的原因。

的問題是由於我的規格爲templateURL以下語句：

$routeProvider.when('/home', { 
    templateUrl: '/private/app/index.html' 
}); 

因爲主（單頁），該頁已經在「/private/app/index.html」的文件，這規範導致「index.html」文件的內容被加載到相同文件的標籤部分。然後這導致指定的所有鏈接被重新加載，然後在包含的頁面內的標籤導致請求加載另一個「index.html」頁面，再次重複。

的修復是改變上面的代碼：

$routeProvider.when('/home', { 
    templateUrl: '/private/app/home/partials/home.html', 
    controller: 'HomeCtrl" 
}); 

現在一切正常，每個指定的「當（）」的網址，在「/家」的網址，任何虛假的URL（如「/ ABCDEF」。

Answer 2

我不完全確定這是問題，但通常我不會說;在每條路線之後。只需鏈接他們這樣：

var ewiApp = angular.module("ewi", []); 
ewiApp.config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
    .when('/home', 
    { 
     templateUrl: '/private/app/index.html' 
    }) 
    .when('/alarms/active', 
    { 
     templateUrl: '/private/app/alarms/partials/active.html', 
     controller: 'ActiveAlarmListCtrl' 
    }) 
    .otherwise({redirectTo: '/home' }) 

}); 

這樣的事情應該工作。