使用MSAL库鉴权后Edge浏览器出现登录循环问题

问题背景 #

应用基于Angular+MSAL实现鉴权，仅在Microsoft Edge普通窗口出现循环登录：应用反复触发登录流程，网络标签页每秒刷新尝试登录；但在Edge隐私窗口、Chrome、Firefox中运行正常。开发团队无法在任何浏览器复现该问题，仅在客户组织的设备上出现，推测与Edge浏览器的设置或组织配置相关。

使用的依赖版本：

• @azure/msal-angular: ^2.0.0-beta.0
• @azure/msal-browser: ^2.12.0

可能原因 #

1. Edge组织组策略限制：客户组织可能通过组策略禁用了第三方Cookie、本地存储，或限制了MSAL依赖的Azure AD域名（如login.microsoftonline.com）的访问权限，普通窗口受策略约束，隐私窗口通常豁免此类限制
2. Edge扩展干扰：普通窗口启用的浏览器扩展可能阻止MSAL脚本执行、篡改存储数据，隐私窗口默认禁用扩展，因此不受影响
3. 站点缓存/存储损坏：Edge普通窗口中应用的Cookie、本地存储数据损坏，导致MSAL无法读取会话状态，反复触发登录
4. Beta版MSAL兼容性问题：使用的@azure/msal-angular是beta版本，可能存在未修复的Edge兼容性bug

分步排查与修复方案 #

1. 检查Edge Cookie与存储设置 #

• 打开Edge设置 → 隐私、搜索和服务 → Cookie和网站权限
• 确认已开启「允许所有Cookie」，或至少将应用域名、login.microsoftonline.com添加到「允许」列表
• 确保「网站可以保存和读取Cookie数据」选项处于开启状态，该选项禁用会导致MSAL无法存储令牌和会话信息

2. 禁用Edge扩展测试 #

• 进入edge://extensions/，暂时禁用所有扩展，重启浏览器后尝试登录
• 若问题解决，逐个启用扩展排查出干扰项，建议用户移除或更新该扩展

3. 清除应用缓存与数据 #

• 打开Edge设置 → 隐私、搜索和服务 → 选择要清除的内容
• 勾选「Cookie和其他网站数据」「缓存的图像和文件」，指定应用域名后执行清除，重启浏览器重试

4. 联系组织IT检查组策略 #

• 告知客户组织的IT团队，排查以下Edge组策略：
  • 计算机配置→管理模板→Microsoft Edge→隐私和服务→Cookie设置：确认未强制阻止第三方Cookie
  • 本地存储/会话存储的访问权限限制
  • MSAL相关域名（如login.microsoftonline.com）的脚本执行权限

5. 升级MSAL库到稳定版本 #

• 当前使用的@azure/msal-angular是beta版，存在未知兼容性风险，建议升级至最新稳定版（如v2.x或v3.x系列），同时同步升级@azure/msal-browser到对应兼容版本
• 升级后重新部署应用，测试是否解决循环登录问题

6. 收集MSAL日志定位问题 #

• 若以上步骤未解决，可在应用中启用MSAL verbose日志，指导用户在Edge普通窗口收集日志：
  在MSAL初始化配置中添加日志选项：

  import { PublicClientApplication, LogLevel } from '@azure/msal-browser';
  import { MsalModule } from '@azure/msal-angular';
  
  MsalModule.forRoot(new PublicClientApplication({
    auth: {
      clientId: 'YOUR_CLIENT_ID',
      authority: 'https://login.microsoftonline.com/YOUR_TENANT_ID',
      redirectUri: 'YOUR_REDIRECT_URI'
    },
    system: {
      loggerOptions: {
        loggerCallback: (level, message) => {
          switch (level) {
            case LogLevel.Error:
              console.error('[MSAL Error]', message);
              break;
            case LogLevel.Warning:
              console.warn('[MSAL Warning]', message);
              break;
            case LogLevel.Info:
            case LogLevel.Verbose:
              console.log('[MSAL Log]', message);
              break;
          }
        },
        logLevel: LogLevel.Verbose
      }
    }
  }))
  

  • 让用户打开Edge开发者工具（F12）→ Console标签页，记录登录过程中的日志，重点查找存储访问失败、令牌获取错误等信息，反馈给开发团队分析

总结 #

该问题核心是Edge普通窗口的环境约束导致MSAL无法正常工作，通过排查设置、扩展、策略及升级依赖，基本可以定位并解决问题；若仍无法复现，用户端的日志是关键排查依据。

内容的提问来源于stack exchange，提问作者Zakir Ansari