首页 > 解决方案 > 以角度登录keycloak后,我无法导航到仪表板页面

问题描述

我收到以下错误

在此处输入图像描述

我添加了如下代码。出现 Keycloak 登录屏幕。登录后无法重定向。

const keycloak_config = config.keycloak;
  this.keycloakAuth = Keycloak(keycloak_config);
  this.keycloakAuth.redirectUri = environment.baseUrl + '/dashboard' ;
  this.keycloakAuth.init({onLoad: 'login-required',
    checkLoginIframe: false})
    .success(() => {
      resolve();
   })
    .error(() => {
      reject();
    });

环境文件中的信息之一;

baseUrl: 'http://localhost:4200'

app-routing.module.ts 中的代码块。我完成了useHash: false。因为如果 useHash : true,页面没有打开。我得到错误所以;

错误:无法匹配任何路由。URL 段:“状态”错误:无法匹配任何路由。URL 段:CatchSubscriber.prototype.error 的匿名函数 (http://localhost:4200/vendor.js:82718:17) 中的“状态”

const routes: Routes = [
  {
    path: '',
    component: ContentLayoutComponent,
    children: CONTENT_ROUTES,
    canActivate: [AuthGuard]
  },
  {
    path: 'login',
    component: AuthLayoutComponent
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {useHash: false, scrollPositionRestoration: 'enabled'})],
  exports: [RouterModule]
})
export class AppRoutingModule { }

标签: single-sign-onangular7keycloakangular7-router

解决方案


推荐阅读