Angular11 MSAL B2C登录实例 (二)

前言

上文介绍了在app.module.ts里的配置,本文着重讲解下在app-routing.module.ts和index.html里的设置。

步骤

在文件中主要需要添加以下代码

app-routing.module.ts

复制代码
const initialNavigation = (!BrowserUtils.isInIframe() && !BrowserUtils.isInPopup()) || window.location.href.indexOf("logout") > 0;

.@NgModule({
  imports: [RouterModule.forRoot(routes, {
    useHash: true,
    // Don't perform initial navigation in iframes or popups, except for logout
    initialNavigation: initialNavigation ? 'enabled' : 'disabled' // Remove this line to use Angular Universal
  })],
  exports: [RouterModule]
})

index.html

复制代码
<body>
...
  <app-redirect></app-redirect>
</body>

后言

下一篇文章会讲解在在组件中的使用

相关推荐
沐知全栈开发3 分钟前
正则表达式入门教程
开发语言
IT_陈寒4 分钟前
JavaScript性能翻倍的5个隐藏技巧,90%的开发者都不知道!
前端·人工智能·后端
XiYang-DING5 分钟前
【Java SE】Java访问修饰符总结
java·开发语言
枫叶丹45 分钟前
【HarmonyOS 6.0】聚合链接(App Linking)实战:从创建配置到应用跳转
开发语言·华为·harmonyos
鹏北海7 分钟前
微前端中的 UMD:必要性解析
前端
CHU7290359 分钟前
暖心陪诊,便捷就医——医疗陪诊预约小程序前端功能解析
前端·小程序
代码的奴隶(艾伦·耶格尔)14 分钟前
Hbase的使用
java·前端·hbase
xyq202414 分钟前
Ruby 哈希(Hash)
开发语言
C澒15 分钟前
企业私有前端物料 AI 化集成方案(RAG+DSL2Code)
前端·ai编程
前端 贾公子17 分钟前
uni-app 也能使用 App.vue?解决 uniapp 无法使用公共组件问题
开发语言·前端·javascript