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>

后言

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

相关推荐
萧行之1 分钟前
Observalble Plot和图形语法理论
前端·数据可视化
开开心心就好3 分钟前
手机悬屏翻译工具外语游戏漫画APP全覆盖
android·前端·javascript·python·游戏·pdf·html
西西弗Sisyphus7 分钟前
Qt 无边框窗口自己实现拖拽与缩放
开发语言·qt
支支დ10 分钟前
Phind 前端特定优势:AI 编程助手的体验革新
前端
狮子雨恋10 分钟前
anaconda python环境和QT python环境不一致如何解决
开发语言·python·qt
DDXYcoder15 分钟前
万字解析动态内存从编译到运行
java·前端·算法
光影少年16 分钟前
react navite封装一个RN 通用按钮组件
前端·javascript·react native·react.js·前端框架
晴天1617 分钟前
CSS 预处理器深度解析-Day35
前端·css
恋猫de小郭20 分钟前
AI 时代,也许你的 Flutter 需要一套 Dartastic OpenTelemetry 监控
android·前端·flutter
独立开发之道21 分钟前
【three.js教程】Three.js 矩阵变换:position/quaternion/scale 和 matrix 到底怎么配合
开发语言·javascript·矩阵