错误的重定向到本地主机答案

【问题标题】：Wrong Redirect to Localhost错误的重定向到本地主机
【发布时间】：2021-03-21 16:06:54
【问题描述】：

我构建了一个与 MS Graph API 通信的 Angular 应用程序，为此我使用了 MSAL。在 Angular CLI 中使用“ng serve”时，一切正常。

后来我用电子包裹了这个有角度的应用程序，将它部署为桌面应用程序。启动电子时，通过 Microsoft 登录可以正常工作，但登录后我被重定向到错误的本地主机地址。我被重定向到 http://localhost:8080/ 但我的重定向 URI 是 http://localhost:8080/#/home。

当重定向到错误地址时，错误连接被拒绝出现在开发控制台/网络中，并且屏幕在电子中保持空白。

这是 Azure AD 的问题吗？我无法在 Azure AD 中删除和重新注册我的应用程序（如此处所示 Azure AD redirects to wrong location (localhost) after authentication ），因为我在公司环境中。

任何人都可以与此相关吗？

【问题讨论】：

你在代码中设置的redirect url和你在AAD应用中的redirect url一样吗？
是的，他们都是localhost:8080/#/home

标签： angular azure-active-directory electron msal

【解决方案1】：

我找到了解决问题的方法。我将重定向更改为 localhost:8080/ 没有哈希和它后面的所有内容。问题是服务器只重定向到哈希之后没有所有内容的部分。这是因为 HashLocationStrategy。因此，当我将 Redirect 配置为 localhost:8080/#/ 它实际上重定向到 localhost:8080/

【讨论】：

【解决方案2】：

这对我有用：

将msal://redirect 用作您的AAD 应用程序中的重定向网址 和您的应用程序中的redirectUri 变量

【讨论】：