0

首先，如果第一个用户已经登录第一个选项卡，它将重定向到仪表板，当第一个用户在同一个浏览器中打开第二个选项卡（粘贴登录 URL）时，它会自动重定向到仪表板而不进入登录页面。我有条件在哪里登录页面有未经身份验证的用户可以访问的特定路线，

登录组件.ts

linkToMarket(): void {
    this.sidenav.close().then(() => {
        this.router.navigate([UrlConstants.Market]);
    });
}

在市场页面（在第二个选项卡中），用户可以返回到登录页面，但不幸的是，当我实现此[如果用户登录时重定向到仪表板][1]，它将通过仪表板重定向（因为第一个用户已经登录），如何确定第二个选项卡上是否有不同的用户，当从市场页面返回时，它不会重定向到仪表板而是登录页面，我是否可以在路由上设置条件或使用 Authguard(CanActivate) ？

detail.login 组件

ngOnInit(): void {
    if (this.authenService.isUserAuthenticated()) {
        this.router.navigate([UrlConstants.UserSetting])
    }
}

市场组件.ts

linkToSignIn(): void {
    this.router.navigate([UrlConstants.Login], { queryParams: { returnUrl: UrlConstants.Market } });
    if (this.authenService.isUserAuthenticated()) {
        this.router.navigate([UrlConstants.Login])
    }
}


[1]: https://stackoverflow.com/questions/44121164/angular-2-redirect-if-user-is-logged-in
4

1 回答 1

1

我不明白您问题中的第一个和第二个用户。

但一般来说，为了保护某些需要登录的路由，请使用路由守卫。路由守卫的主要目的之一是确保除非某人满足特定条件（例如登录），否则他们不会访问路由。

这是我的一个身份验证守卫的示例：

import { Injectable } from '@angular/core';
import { CanActivate, CanLoad, ActivatedRouteSnapshot, RouterStateSnapshot, Router, Route } from '@angular/router';

import { Observable } from 'rxjs';

import { AuthService } from './auth.service';

@Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate, CanLoad {

  constructor(private authService: AuthService,
              private router: Router) { }

  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    return this.checkLoggedIn(state.url);
  }

  checkLoggedIn(url: string): boolean {
    if (this.authService.isLoggedIn) {
      return true;
    }

    // Retain the attempted URL for redirection
    this.authService.redirectUrl = url;
    this.router.navigate(['/login']);
    return false;
  }

}

然后，您将警卫附加到路由配置中的路由：

  {
    path: 'products',
    loadChildren: './products/product.module#ProductModule',
    canActivate: [AuthGuard],
    data: { preload: false },
  },

这是你要问的吗？

于 2018-12-07T09:33:11.543 回答