Reactjs 通过React应用程序中的AAD（Azure Active Directory）登录'；行不通

我正在尝试通过Azure Active Directory为React应用程序实现身份验证。 当我运行我的应用程序时，登录后我会得到一个空白页面。 在控制台中，我看到： “[HMR]正在等待来自WDS的更新信号…”

这是我的提供商：

export const authProvider = new MsalAuthProvider(
    {
        auth: {
            authority: "https://login.microsoftonline.com/common",
            clientId: "********-****-****-****-************",
            postLogoutRedirectUri: window.location.origin,
            redirectUri: window.location.origin,
            knownAuthorities: [],
            navigateToLoginRequestUrl: true,
        },
        cache: {
            cacheLocation: 'sessionStorage',
            storeAuthStateInCookie: true,
        },
    },
    {
        scopes: [
            'user.read',
            'api://********-****-****-****-************/Read'
        ]
    },
{
        loginType: LoginType.Redirect,
        tokenRefreshUri: window.location.origin + '/auth.html'
    }
);

包装：react aad msal

在Azure中：我有一个应用程序注册，使用SPA平台。重定向URI：http://localhost:3000.

有人有想法吗？ 我尝试了很多东西，读了很多，但是没有结果

提前谢谢

（从评论转移到回答，以便其他人更容易找到它）

---

通过将权限URL从公共更改为指定单个租户，客户可以解决此问题。此问题似乎与react有关，而与Azure AD身份验证无关。你有机会看电影吗？嗨，我有点问题。主要的解决方案是将“common”更改为我的tenat id，并将aad定义为单租户。感谢您的回复，得知您找到了解决方案。谢谢你的确认