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>

后言

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

相关推荐
紫丁香7 小时前
pytest_自动化测试1
开发语言·python·功能测试·单元测试·pytest
2301_818419017 小时前
C++中的状态模式实战
开发语言·c++·算法
独隅7 小时前
Python 标准库 (Standard Library) 全面使用指南
android·开发语言·python
yuzhuanhei7 小时前
C++进阶(上)
开发语言·c++
结网的兔子7 小时前
前端学习笔记——Element Plus 栅格布局系统示例
前端·javascript·css
程序员老乔7 小时前
Java 新纪元 — JDK 25 + Spring Boot 4 全栈实战(三):虚拟线程2.0,电商秒杀场景下的并发革命
java·开发语言·spring boot
weixin_404157687 小时前
Java高级面试与工程实践问题集(四)
java·开发语言·面试
xyq20247 小时前
CSS 链接(Link)详解
开发语言
无限进步_7 小时前
【C++】单词反转算法详解:原地操作与边界处理
java·开发语言·c++·git·算法·github·visual studio
senijusene7 小时前
通信概念,51UART的使用,以及MODBUS的简单应用
c语言·开发语言·单片机·51单片机