攔截路由並重定向登錄

Question

請執行以下代碼。我有一個用戶成功登錄後創建的cookie。我的API也已通過身份驗證。我想要做的是在提供路由之前對cookie進行簡單檢查，唯一例外的是登錄路由。

angular 
    .module('pizzaGiants.routes', ['ui.router']) 
    .config(['$stateProvider', '$locationProvider', '$urlRouterProvider', 

     function ($stateProvider, $locationProvider, $urlRouterProvider) { 
      $urlRouterProvider.otherwise('/login'); 

      // Application Routes 
      // ----------------------------------- 
      // add check if cookie exists else redirect to login 
      $stateProvider 
       .state('login', { 
        url: '/login', 
        templateUrl: 'features/login/login.html', 
        controller: 'loginCtrl' 
       }) 
       .state('attributes', { 
        url: '/attributes', 
        templateUrl: 'features/attributes/attributes.html', 
        controller: 'attributesCtrl' 
       }) 
       .state('users', { 
        url: '/users', 
        templateUrl: 'features/users/users.html', 
        controller: 'usersCtrl' 
       }) 
       .state('signup', { 
        url: '/signup', 
        templateUrl: 'features/signup/signup.html', 
        controller: 'signupCtrl' 
       }) 
       .state('roles', { 
        url: '/roles', 
        templateUrl: 'features/roles/roles.html', 
        controller: 'rolesCtrl' 
       }) 
       .state("fruits", {url: "/fruits",templateUrl: "features/fruits/fruit.html",controller: "fruitCtrl"}).state("colors", {url: "/colors",templateUrl: "features/colors/color.html",controller: "colorCtrl"}).state("contacts", {url: "/contacts",templateUrl: "features/contacts/contact.html",controller: "contactCtrl"}) 

}]); 

Answer 1

也能像以下

app.run([ 
'$rootScope','$location', '$timeout', 
    function ($rootScope, $location, $timeout) { 
     $rootScope.$on('$stateChangeStart', function() { 
      if (// your condition logic) { 
        $timeout(function() { 
         $location.path("/login"); 
        }, 1); 
      } 
     }); 
    } 
]);