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>

后言

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

相关推荐
csj503 分钟前
前端基础之《React(6)—webpack简介-图片模块处理》
前端·react
我有一棵树3 分钟前
避免 JS 报错阻塞 Vue 组件渲染:以 window.jsbridge 和 el-tooltip 为例
前端·javascript·vue.js
Fanfffff7204 分钟前
前端样式局部作用域:从Scoped到CSS Modules 的完整指南
前端·css
前端大神之路5 分钟前
vue2 模版编译原理
前端
00后程序员张5 分钟前
Web 前端工具全流程指南 从开发到调试的完整生态体系
android·前端·ios·小程序·uni-app·iphone·webview
凤山老林9 分钟前
还在用JDK8?JDK8升级JDK11:一次价值千万的升级指南
java·开发语言·jvm·spring boot·后端·jdk
凌泽30 分钟前
写了那么多年的代码,我开始写“规范”了:AI 驱动的开发范式革命
前端·vibecoding
没有鸡汤吃不下饭31 分钟前
解决前端项目中大数据复杂列表场景的完美方案
前端·javascript·vue.js
沐知全栈开发32 分钟前
Servlet 数据库访问
开发语言
旧雨散尘1 小时前
【react】react初学6-第一个react应用-待办事项
前端·react.js·前端框架