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>

后言

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

相关推荐
张元清6 分钟前
React useFocus Hook:追踪并控制元素焦点状态 (2026)
javascript·react.js
k4m7v2pz14 分钟前
Rust 长跑守护进程日志治理:切分、时区与结构化
开发语言·后端·rust·日志系统·日志轮转·ndjson
FfHUCisI18 分钟前
Golang RESTful API 设计原则
开发语言·golang·restful
breeze jiang21 分钟前
ESLint flat config 配置实战:五大字段、规则严重级别与 --fix 能力边界详解
开发语言·前端·javascript
巴勒个啦30 分钟前
ECharts 大屏开发实战:从布局设计到动画优化的完整流程
javascript
书中枫叶32 分钟前
做了个「句拾」小程序,最难的不是业务,是字体
前端·javascript·vue.js
weixin_3077791334 分钟前
PHP 大文件上传:内存占用、超时与最佳实践
linux·服务器·开发语言·nginx·php
m0_5270343338 分钟前
异步任务审核系统设计:消息队列、超时重试与失败补偿
java·大数据·开发语言
FFF_634560231 小时前
简单的画板小工具,下载即用
前端·javascript·css
一朵好运莲1 小时前
智能体使用 Chrome DevTools MCP 调试浏览器
开发语言·javascript·react.js