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 分钟前
vue3基于leaflet.js实现地图编辑功能
javascript·ecmascript·leaflet.js
goodluckyaa1 分钟前
Warp shuffle函数
开发语言
j7~3 分钟前
【C++】STL--Vector容器--拆析解剖Vector的实现以及Vector的底层详解(1)
开发语言·c++·vector·迭代器失效·迭代器的使用
xxwl5858 分钟前
Python语言初步认识(1)
开发语言·python·学习
YHL9 分钟前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html
spmcor9 分钟前
JavaScript 日期限制的“三个月陷阱”:从边界溢出到稳健实现
javascript
半个落月9 分钟前
Ajax 异步编程全攻略:从 XHR 到 async/await
javascript
毛骗导演11 分钟前
Tool Boundary:如何让大模型永远不知道也不会泄露用户敏感数据
前端·架构
零瓶水Herwt13 分钟前
代替vue-currency-input使用原生货币符号
前端·vue.js
z落落13 分钟前
C# FileStream文件流读取文件
开发语言·c#