Azure部署的SPA应用程序应用程序注册重定向URL导致资源不可用

如何解决Azure部署的SPA应用程序应用程序注册重定向URL导致资源不可用

我已经部署了使用MSAL进行身份验证的SPA应用。我已经注册了该应用程序，并为localhost（http：// localhost：4200）和Azure部署的应用程序（https://myappname.azurewebsites.net）设置了重定向uri。

我能够在天蓝色上浏览到我的应用程序并点击我的默认页面。当我单击页面上的按钮（转到主页）时，我可以使用MSAL和天蓝色登录进行身份验证。我的主页调用了我为隐式流设置的Azure部署API。当我在localhost上时，我可以单击Go To Home并重定向到我的主页，并加载api数据。但是，当我在azure部署站点上时，在底部显示错误屏幕。我该如何解决？

请注意，我从另一篇文章（Azure Active Directory always redirects to '~/.auth/login/done' when deployed to Azure despite working on localhost）中发现，我显然无法在我的SPA的应用程序服务中启用身份验证，同时还在SPA逻辑中使用MSAL处理身份验证过程。确实确实解决了我以前遇到的问题，其中建议的重定向URL（https://myappname.azurewebsites.net/.auth/login/aad/callback）在为应用程序服务启用身份验证的情况下导致400无效令牌错误。这就是为什么我将其关闭并将重定向uri设置为https://myappname.azurewebsites.net的原因，这使我走得更远。

如下图所示，我成功获取了令牌，并且尝试使用查询字符串中的令牌重定向到请求的url。完整的重定向网址如下所示：https://myappname.azurewebsites.net/t/home#id_token=eyJ0W9uIn0%3d&session_state=c88578fb-1522-9823-87d4-0e7b08abe397（令牌缩短了...）

解决方法

因此，在四处搜寻之后，我发现显然是通过IIS（或任何其他服务器）提供服务的SPA应用程序要求在服务器上提供路由脚本。如果您向下滚动到“服务器配置”部分，则在这里进行详细说明：https://angular.io/guide/deployment 因此，解决我的问题的方法是将web.config添加到我的Azure站点的根目录。我是通过使用Kudu（https://mysitename.scm.azurewebsites.net/DebugConsole）将以下web.config文件拖放到站点根目录中来实现的。

希望这可以帮助面临类似情况的人。

Web.config

UITableView