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>

后言

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

相关推荐
小酒星小杜几秒前
在AI时代下,技术人应该学会构建自己的反Demo地狱系统
前端·vue.js·ai编程
willingli2 分钟前
c语言经典100题 61-70题
c语言·开发语言·算法
我是小疯子667 分钟前
深入解析C++右值引用与移动语义
java·开发语言·算法
Ethan Wilson9 分钟前
VS2019 C++20 模块相关 C1001: 内部编译器错误
开发语言·c++·c++20
郝学胜-神的一滴12 分钟前
Python数据封装与私有属性:保护你的数据安全
linux·服务器·开发语言·python·程序人生
悟能不能悟14 分钟前
Elastic Stack 中两种主要查询语言 KQL (Kibana Query Language) 和 Lucene 的详细对比和解释。
java·开发语言
kirito707720 分钟前
前端项目架构(基于 monorepo)
前端
去哪儿技术沙龙25 分钟前
Qunar酒店搜索排序模型的演进
前端·架构·操作系统
重铸码农荣光25 分钟前
TypeScript:JavaScript 的“防坑装甲”,写代码不再靠玄学!
前端·react.js·typescript
用户6000718191028 分钟前
【翻译】构建类型安全的复合组件
前端