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>

后言

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

相关推荐
天若有情673几秒前
【C++实用工具】RandEmmet:致敬Emmet的极简随机数生成器(附完整源码+GitHub)
开发语言·c++·github
木易 士心几秒前
Java中 synchronized 和 volatile 详解
java·开发语言·jvm
简单不容易5 分钟前
【vue hooks】useScreenOrientation-获取屏幕方向并支持低版本系统
javascript·vue.js
巫山老妖6 分钟前
多 Agent 协作实战:我用 3 只龙虾组了个「AI小分队」,效率直接翻倍
java·前端
三无少女指南8 分钟前
我把 oh-my-openagent 翻了一遍,终于看懂它为什么不像一个插件,而像一套多 Agent 编排系统
开发语言·ai
DyLatte11 分钟前
理性到最后,其实是一场下注
前端·后端·程序员
橘哥哥11 分钟前
vue中读取静态配置文件中内容
前端·javascript·vue.js
废嘉在线抓狂.14 分钟前
简易拆开即用的高性能计时器(C#)
前端·unity·c#
mjhcsp14 分钟前
C++状压 DP解析
开发语言·c++·动态规划·状压 dp
yuguo.im18 分钟前
91 行代码实现一个打飞机游戏(HTML5 Canvas 版)
前端·游戏·html5·打飞机