Remove Authentication

How to remove authentication login page.

This section explains how to bypass the login page and go directly to the dashboard page.

  1. Update route at: src/app/app-routing.module.ts

src/app/app-routing.module.ts
// Angular Imports
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

// project import
import { AdminLayout } from './theme/layout/admin-layout/admin-layout.component';
import { GuestLayouts } from './theme/layout/guest-layout/guest-layout.component';
// import { AuthGuardChild } from './theme/shared/components/_helpers/auth.guard';
import { Role } from './theme/shared/components/_helpers/role';

const routes: Routes = [
 
    {
      path: '',
      component: GuestLayouts,
      children: [
         ....
     
        {
          path: 'auth',
          // canActivateChild: [AuthGuardChild],
          loadChildren: () => import('./demo/pages/authentication/authentication.module').then((m) => m.AuthenticationModule),
          data: {
            roles: [Role.Admin, Role.User]
          }
        },
        {
          path: 'maintenance',
          // canActivateChild: [AuthGuardChild],
          loadChildren: () => import('./demo/pages/maintenance/maintenance.module').then((m) => m.MaintenanceModule),
          data: {
            roles: [Role.Admin, Role.User]
          }
        }
      ]
    },
    {
        path: '',
        component: AdminComponent,
        // canActivateChild: [AuthGuardChild], <!-- Commented to AuthGuardChild -->
        children: [
           ....
        ]
     },
    ...
]
  1. Changed the navigation path from the landing page to the login page, to now redirect from the landing page to the dashboard page.

src/app/demo/pages/landing/landing.component.html

Form:

    <a [routerLink]="['/login']" class="btn btn-primary live-btn" target="_blank">
       <i class="me-1" antIcon theme="outline" type="eye"></i>
        Live Preview
    </a>

To:
 
    <a [routerLink]="['/dashboard/default']" class="btn btn-primary live-btn" target="_blank">
       <i class="me-1" antIcon theme="outline" type="eye"></i>
        Live Preview
    </a>

Last updated

Was this helpful?