Evan Zou

Welcome to my blog.

Javascript follower.


Hi, I am Evan, nice to meet you all.

Angular11 MSAL B2C登录实例(二)

关键词 Angular 11 B2C MSAL

前言

上文介绍了在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>

后言

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

最近的文章

Angular13 如何将被切割的Blob文件合并下载

关键词:Angular13 JavaScript Blob前言在项目的实际过程中,需要下载一个大于10MB的文件, Apigee会直接拒绝此次下载。所以后端需要将大于10MB的文件切割成一个个小于8MB的文件,此时前端需要将切割的文件合并成一个文件后再进行下载。冲突在解决的过程中,有两个问题冲突: 对于要下载的这个文件,不清楚这个文件的大小,所以不清楚需要执行几次请求去后台请求数据。若简单的通过for循环去重复请求,则会遇到异步问题。这里可以用闭包解决,但是不提倡。 如何将多个Blo...…

JS Angular2+继续阅读
更早的文章

Angular11 MSAL B2C登录实例(一)

关键词 Angular 11 B2C MSAL前言因为项目需求,需要把Angular 11项目中登录方式改成B2C登录,所以在参考了一系列文档后,成功通过MSAL将项目的登录方式改成B2C登录。下面介绍了详细步骤及一些注意事项。步骤:1. 安装MSAL在项目中安装msalnpm i @azure/msal-angular --savenpm i @azure/msal-browser --save通过查阅MSAL的文档,发现v2以上版本才支持Angular11,所以在本项目的代码中使用的是...…

Angular2+继续阅读