Azure Active Directory 重定向 URI 在 IIS 中部署的 React 应用程序中无法正常工作

Azure Active Directory Redirect URI not working properly in React Application deployed in IIS

我有一个使用 Azure Active Directory 和 msal.js 进行身份验证的 React 应用程序。

我可以 运行 调试它(用户登录后,他被重定向到我在 Azure 门户中定义为 http://localhost:3000/authCallback 的 URI,这会做一些设置 cookie 和然后重定向到有效的 URL 例如 /databases,它会打开应用程序的真实页面),但是当我在 IIS(用于测试的本地服务器)中部署 SPA 时,来自 azure 的回调重定向不起作用。

我可以看到 Azure returns 是正确的 URI,因为浏览器包含类似“http://localhost:3000/authCallback#id_token=a_valid_token...”的内容,但我收到以下错误,我无法理解为什么会这样.

找到这个我整理了一下useful post on Medium

基本上,我在 React 应用程序的根目录中缺少 web.config,我需要在服务器中安装 URL Rewrite,然后重新启动 IIS。