[新增]路由守卫

src/app/app-routing.module.ts

@@ -15,12 +15,12 @@ const routes: Routes = [
   { path: 'login', component: LoginComponent }, //登录页
   { path: 'register', component: RegisterComponent }, //注册页
   {
-    path: '', component: HomeComponent, children: [
+    path: '', component: HomeComponent, canActivate: [AuthGuard], children: [
       { path: '', loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule) }
     ]
   }, //首页
   {
-    path: '', component: NavigationComponent, children: [
+    path: '', component: NavigationComponent, canActivate: [AuthGuard], children: [
       { path: 'system', loadChildren: () => import('./system-management/system-management.module').then(m => m.SystemManagementModule) }
     ]
   }//系统管理

src/app/auth.guard.ts

@@ -14,17 +14,17 @@ export class AuthGuard implements CanActivate {
 
     // 路由守卫
     canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
-        console.log('路由守卫',next.data)
-        if(next.data.permission == 'xxxx'){
-            return true;
-        }
-        // return this.checkLogin();
+        // console.log('路由守卫',next.data)
+        // if(next.data.permission == 'xxxx'){
+        //     return true;
+        // }
+        return this.checkLogin();
     }
 
     checkLogin(): boolean {
-
+        console.log('xxxxxxxxxxxx')
         // 判断本地有没有token
-        const token = this.cookieService.get("token");
+        const token = this.cookieService.get("token") || sessionStorage.getItem('token');
 
         // 如果有token,允许访问
         if (token) { return true; }

src/app/system-management/navigation/navigation.component.html

@@ -2,7 +2,7 @@
 <nz-layout>
   <nz-sider [nzWidth]='300'>
     <div class="logo">
-      <img src="../../../assets/images/logo.png" alt="">
+      <img style="width: 154px;" src="../../../assets/images/logo2.png" alt="">
     </div>
     <div class="headPortrait">
       <div class="photograph">