locationChangeStart и предотвращение изменения маршрута

Question

Я пытаюсь создать основную проверку, может ли пользователь получить доступ к определенному маршруту или нет. У меня был прогресс в этом, но есть одна вещь, которую я не могу понять.

Я использую $ locationChangeStart для отслеживания изменений маршрута. Сценарий: 1. если пользователь вошел в систему, разрешите ему доступ ко всем маршрутам, за исключением маршрутов auth (login, register). Я проверяю это, вызывая метод isAuthenticated() из моего AuthFactory 2. Если пользователь не вошел в систему, он получает доступ только к входам и регистрам маршрутов. Любой другой маршрут должен быть предотвращен, и в этом случае пользователь должен быть перенаправлен на логин.

$rootScope.$on('$locationChangeStart', function(event, newUrl, oldUrl){ 
    if(AuthFactory.isAuthenticated()){ 
    if(AuthFactory.isAuthRoute(newUrl)){ 
     event.preventDefault(); 
     $location.path('/'); 
    } 
    } else { 
    if(!AuthFactory.isAuthRoute(newUrl)){ 
     event.preventDefault(); 
     $location.path('/login'); 
    } 

    } 
}); 

Вещь, которая беспокоит меня, является единственной с preventDefault(). Если приложение достигает кода с preventDefault(), location.path(), который приходит после этого, просто не работает.

Однако, если я удалю event.preventDefault(), location.path() работ. Проблема с этим заключается в том, что мне нужно, чтобы это предотвратило, в случае, если незарегистрированный пытается получить доступ к какой-либо не-auth-странице.

В принципе, я хочу иметь возможность предотвратить или перенаправить на основе запрошенного маршрута. Каков правильный способ сделать это?

Answer 1

Вы можете попробовать использовать auth в разрешении, чтобы предотвратить доступ к определенным маршрутам. here - это документ, это не очень понятно, но вы можете найти множество примеров.

Answer 2

Хорошо, мне удалось это сделать, используя $ routeChangeStart. Уловка использует $ route.reload(). Так выше кода должны выглядеть примерно так:

$rootScope.$on('$routeChangeStart', function(event, next, current){ 
    if(AuthFactory.isAuthenticated()){ 
    if(AuthFactory.isAuthRoute(next.originalPath)){ 
     $route.reload(); 
     $location.path('/'); 
    }  
    } else { 
    if(!AuthFactory.isAuthRoute(next.originalPath)){ 
     $route.reload(); 
     $location.path('/login'); 
    } 
    } 
}); 

Я положил это в моем методе .run, поэтому все просьбы обрабатываются здесь, и мне не нужно думать о каждом новом маршруте, который я (или кто-то добавляет). Вот почему это выглядит более чистым для меня.
Если у кого-то есть другой подход, пожалуйста, поделитесь.

Примечание: только в случае, я делаю проверку на серверной части также :)

Answer 3

Хорошо, что вам нужно сделать это:

var authPreventer = $rootScope.$on('$locationChangeStart', function(event, newUrl, oldUrl){ 
    if(AuthFactory.isAuthenticated()){ 
     if(AuthFactory.isAuthRoute(newUrl)){ 
      event.preventDefault(); 
      authPreventer(); //Stop listening for location changes 
      $location.path('/'); 
     } 
    } 
    else { 
     if(!AuthFactory.isAuthRoute(newUrl)){ 
      event.preventDefault(); 
      authPreventer(); //Stop listening for location changes 
      $location.path('/login'); 
     } 
    } 
}); 

Answer 4

Я недавно была такая же проблема, и я, наконец, смог для его решения, прослушивая $routeChangeStart, а не $locationChangeStart (не нужно звонить $route.reload()).

Документация для обоих событий нечеткая ... Я полагаю, что событие $ruteChangeStart вызывается перед $locationChangeStart (я собираюсь прочитать исходный код, чтобы полностью понять, что здесь происходит).