如果用户未登录,我的应用程序的主路由器管道将重定向到登录页面。
它适用于大多数页面,但是当所述页面本身就是一个子路由器时,逻辑似乎没有到达主路由器的管道,阻止了重定向(以及不呈现页面)。
主路由器:
configureRouter (rc: RouterConfiguration, router: Router) {
this.router = router;
rc.addAuthorizeStep(this.requireAuth);
const auth = { authenticated: true, needsCurrentOrg: true };
const loginRoute = {
route: 'login/:token?',
name: 'login',
moduleId: PLATFORM.moduleName('views/login/login'),
};
rc.map([
{
route: [ROOT_PAGE, DASHBOARD_PAGE],
name: DASHBOARD_PAGE,
moduleId: PLATFORM.moduleName('views/dashboard/dashboard'),
settings: auth
},
{
route: CREDENTIALS_PAGE,
name: CREDENTIALS_PAGE,
moduleId: PLATFORM.moduleName('views/credentials/credentials-root'),
settings: auth
})]
}
凭证路由器:
configureRouter (rc: RouterConfiguration) {
rc.map([
{
route: '',
name: 'credentials-list',
moduleId: PLATFORM.moduleName('./credentials-grid'),
}
]);
}
因此,如果我在没有登录的情况下点击/#/dashboard
,我会被重定向到/login
,但如果我点击/#/credentials
没有任何反应:空白页面,没有重定向。我在debugger
中间件代码中放了一个requireAuth
,在第一种情况下它确实介入了,在第二种情况下它没有通过
最后确定了问题,由于某些原因,它看起来像LoadRouteStep
管道步骤(AppRouter
内部)试图加载子路由器目标的ViewModel。
由于此ViewModel在构造函数中有一些代码,因此该代码失败,创建错误并停止管道 - 从未到达重定向。
解决方法是将构造函数代码移动到ViewModel的activate
函数中。