Детский маршрут не найден при перенаправлении, но работает нормально, иначе

Question

У меня проблема с дочерними маршрутизаторами/маршрутами. (Сокращенный пример ниже.)

app.ts

config.map([ 
    { route: "auth", name: "auth", moduleId: "auth" } 
]); 

авториз/index.ts

config.map([ 
    { route: "", redirect: "login" }, 
    { route: "login", name: "login", moduleId: "./login", title: "Login" } 
]); 

аутентификации step.ts

run(navigationInstruction, next) { 
    if (navigationInstruction.getAllInstructions().some(i => i.config.auth)) { 
     if (!this.authContext.isAuthenticated()) 
      return next.cancel(this.router.navigateToRoute('auth/login', { return: true })); 
    } 

    return next(); 
} 

Если запрошен защищенный маршрут, у меня есть AuthenticationStep, который будет перенаправлен на auth/login. Это не работает, например, если я пытаюсь перейти на защищенный маршрут (например, admin/something). Я получаю ошибку ниже. Однако, если я перейду непосредственно к auth/login, страница входа в систему появится правильно.

Невозможно найти маршрут с именем 'auth/login'.

Answer 1

Добавить пустой маршрут с переадресацией к конфигурации вашего ребенка маршрутизатора:

{ route: '', redirect: 'login' } 

Затем измените вызов navigateToRoute для перехода к auth.

run(navigationInstruction, next) { 
    if (navigationInstruction.getAllInstructions().some(i => i.config.auth)) { 
     if (!this.authContext.isAuthenticated()) 
      return next.cancel(this.router.navigateToRoute('auth', { return: true })); 
    } 

    return next(); 
}