奇怪的angularjs路由行為

Question

我的angularjs應用上有以下路線：

 angular.module('index').config(['$routeProvider', '$locationProvider',
                   function indexRouteConfig($routeProvider, $locationProvider) {

   $locationProvider.html5Mode(true);

   var routeToUserHomePage = ['$injector', function routeToUserHomePage($injector) {
       var $location = $injector.get('$location');
       //somecode

       $location.url('/unauthorized'); // this works
   }

   $routeProvider
     .when('/', {
        templateUrl   : 'app/custom/templates/customTemplate.html',
        controller    : 'customTemplateController',
        resolve       : { routeToUserHomePage: routeToUserHomePage }
    })
    .when('/unauthorized', {
        templateUrl   : 'app/custom/templates/customTemplate.html',
        controller    : 'customTemplateController'
    })
    .otherwise({
        resolve : { routeToUserHomePage: routeToUserHomePage }
    });

如果我訪問URL http://localhost:8090/則它可以正常運行，並且Im重定向到了unauthorized屏幕。

但是，如果我轉到瀏覽器並輸入http://localhost:8090/unauthorized則會從網絡服務器收到未找到錯誤404的信息。 它甚至沒有擊中“否則”路線。 我在這里想念什么？

我在index.html文件上有<base href="/">標記。

Answer 1

創建一個單獨的控制器和模板，然后在該控制器中編寫邏輯

.otherwise ({
    url: '/unauthorized',
    controller: 'error',
    templateUrl: 'templateUrl.html',
});

function error($location) {
 // write whatever your logic
}

Answer 2

這是因為您已啟用html5Mode ，而服務器上沒有它所需的內容。

服務器端使用此模式需要在服務器端重寫URL，基本上，您必須重寫指向應用程序入口點的所有鏈接（例如index.html）

來源： AngularJS HTML5模式-直接鏈接如何在不進行服務器特定更改的情況下工作？