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>

后言

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

相关推荐
2503_928411567 分钟前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger18 分钟前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
SEO_juper23 分钟前
别再纠结LLMs.txt了!它背后的真相与最佳使用场景,一文讲透。
开发语言·ai·php·数字营销
谢尔登27 分钟前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B73841 分钟前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js
烤麻辣烫1 小时前
黑马程序员大事件后端概览(表现效果升级版)
java·开发语言·学习·spring·intellij-idea
思密吗喽1 小时前
宠物商城系统
java·开发语言·vue·毕业设计·springboot·课程设计·宠物
csbysj20201 小时前
Lua 函数
开发语言
头发还在的女程序员1 小时前
三天搞定招聘系统!附完整源码
开发语言·python
温轻舟1 小时前
Python自动办公工具06-设置Word文档中表格的格式
开发语言·python·word·自动化工具·温轻舟