Azure App Service上Angular应用Azure AD认证后异常重定向至/.auth/login/done

问题现象 #

• 已将Angular应用部署到Azure App Service，启用Azure内置认证（Easy Auth）并配置AAD作为身份提供商。
• 成功登录AAD后，页面先重定向到{domain}/.auth/login/aad/callback，随即被进一步跳转至{domain}/.auth/login/done；尝试返回应用基URL时会陷入重定向循环，推测认证令牌或代码未正确传回前端应用。

相关截图 #

• /done端点页面：
  
• 应用注册的重定向URI配置：
  
• 网络请求中显示的匹配重定向URI：
  

补充信息 #

• 本地运行前端时，在SPA平台下将重定向URI设为localhost:4200，认证流程完全正常。
• 部署到Azure环境时，仅在SPA平台添加{domain}/.auth/login/aad/callback会触发PKCE错误，因此同时配置了"Web"和"单页应用"两种平台类型。
• 已查阅过两个针对服务器端认证场景的相关问题帖，但均不适用于当前SPA场景。

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