Angular 6授权

Question

如果用户未登录并尝试访问任何安全URL，则即使该用户通过浏览器的URL栏直接访问，也不应允许他访问，并且必须重定向到登录页面。

我在这里找到了一个解决方案，它解决了我的问题，但是唯一的事情是，每当用户尝试从浏览器的URL栏访问授权URL时，它都会呈现index.html和导航栏组件的内容。

Answer 1

您应该尝试canActivate。 它将基于启用路由来标识用户已登录。 以下是示例。 为以下创建ts文件。

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

@Injectable()
export class UserAuthorised implements CanActivate {

   constructor(private router: Router) { }

   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
      if (your condition here of if login true) {
         return true;
      } else {
         //redirect to login page.
         this.router.navigate(['/login']);
         return false;
      }
   }
}

将以上条目添加到app.module.ts文件中的提供程序列表中。 现在，您需要在路由文件中提供此类参考。

{ path: 'dashboard', component: DashboardComponent, canActivate: [UserAuthorised] },

上面的操作：如果用户尝试直接访问url，则路由将返回false并将用户重定向到登录页面。