angularjs UI路由器URL不起作用

Question

我在Angularjs中使用ui-router進行嵌套路由，但工作正常，但是有一個問題，當我刷新頁面或手動直接輸入url時，我得到一個錯誤：在此未找到請求的URL / home / general服務器。 我的應用代碼是：

angular.module("app",["ui.router"])
.controller("appController",["$scope", function($scope){}])
.config(function($stateProvider, $urlRouterProvider,$locationProvider){
        $stateProvider
            .state('home', {
                url: "/",
                templateUrl: "/library/ngTemplates/home.html"
            })
            .state('home.general', {
                url: "home/general",
                templateUrl: "/library/ngTemplates/home-general.html"
            })
            .state('home.lifeStyle', {
                url: "home/life-style",
                templateUrl: "/library/ngTemplates/home-life-style.html"
            })
            .state('home.lifeStyle.sport', {
                url: "/sport",
                templateUrl: "/library/ngTemplates/home-life-style-sport.html"
            })
            .state('home.lifeStyle.economic', {
                url: "/economic",
                templateUrl: "/library/ngTemplates/home-life-style-economic.html"
            });
            $locationProvider.html5Mode(true);
});

Answer 1

你應該改變

url: "home/general"

至

url: "/home/general"

最初的反彈是阻礙您進行路由的原因。