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>

后言

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

相关推荐
Kim Jackson1 分钟前
我的世界Java版1.21.4的Fabric模组开发教程(二十二)创建生物(上)实体外观与动画设计
java·开发语言·fabric
ByteCraze3 分钟前
Vue 递归组件实战:手写一个文件/文件夹树形组件
javascript·vue.js·ecmascript
lsx2024065 分钟前
Python 100例:编程实践与技巧解析
开发语言
大鹏说大话5 分钟前
单点登录(SSO)全景指南:从原理剖析到落地实战
开发语言
逆境不可逃10 分钟前
【从零入门23种设计模式21】行为型之空对象模式
java·开发语言·数据库·算法·设计模式·职场和发展
前端Hardy14 分钟前
前端如何防止用户重复提交表单?4 种可靠方案(附防坑指南)
前端·javascript·面试
前端Hardy14 分钟前
用户真的关掉页面了吗?前端精准检测页面卸载的 4 种方法(附避坑指南)
前端·javascript·面试
yangyanping2010824 分钟前
Vue入门到精通七之关键字const
前端·javascript·vue.js
健康平安的活着25 分钟前
java中乐观锁+事务在批量导入,批量审批案例的使用
java·开发语言
姝然_952734 分钟前
Jetpack Compose 绘制流程与自定义布局
前端