import { OktaAuthService } from '@okta/okta-angular';
@Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.css'] }) export class HomeComponent {
constructor(public oktaAuthService: OktaAuthService) { }
logout() { this.oktaAuthService.logout('/login'); } }
确保在Okta控制台中正确配置应用程序的注销重定向URL。
确保使用正确的路由器配置。如果使用路由器,则需要在路由器配置中添加相关代码。
例如:
import { OktaAuthGuard, OktaCallbackComponent } from '@okta/okta-angular'; import { RouterModule, Routes } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { LoginComponent } from './login/login.component';
const appRoutes: Routes = [ { path: '', component: HomeComponent, canActivate: [ OktaAuthGuard ] }, { path: 'login', component: LoginComponent }, { path: 'implicit/callback', component: OktaCallbackComponent }, // add any other routes here ];
@NgModule({ imports: [RouterModule.forRoot(appRoutes)], exports: [RouterModule] }) export class AppRoutingModule { }