Question

我将所请求的Url保存在localstorage中，重定向到身份服务器，这个重定向回我的根URL，然后我想导航到之前保存的URL。

我正在保护网址中的网址：

canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> {

    const hasAccessToken$ = Observable.of(this.oAuthService.hasValidAccessToken());

    const setRedirect$ = hasAccessToken$
      .filter(isAllowed => !isAllowed)
      .do(() => localStorage.setItem('login.redirect', state.url)) // save requested url for later redirect
      .do(() => this.oAuthService.initImplicitFlow());

    setRedirect$.subscribe();
    return hasAccessToken$;
  }

我正在尝试重新定位我的app.component.ts：

ngOnInit() {
    this.oAuthService.tryLogin({ onTokenReceived: () => this.redirect() }); // try to parse token from url
  }

private redirect() {
    const url = localStorage.getItem('login.redirect');
    console.log(url);
    this.router.navigateByUrl(url);
  }

我的路由看起来像这样：

const routes: Routes = [
    {
        path: 'files',
        loadChildren: './folder-page/folder-page.module#FolderPageModule',
        canActivate: [AuthGuard]
    },
    {
        path: 'recent',
        loadChildren: './recent-page/recent-page.module#RecentPageModule',
        canActivate: [AuthGuard]
    }
];

如果我尝试访问/recent，它将正确存储在localstorage中，console.log输出正确打印'/recent'但不会发生导航。页面保留在根网址（'/'）。

我已尝试对网址（'/recent'和'recent'）进行硬编码并使用其他功能router.navigate(url)（也尝试过硬编码）。

修改使用setTimeout（1000）包装导航有效......但这不是正确的解决方案

router.navigate和router.navigateByUrl无法正常工作

0 个答案: