网站搜索

reactjs - React 中的 Auth0(+ts+vite)无法认证 - 卡在加载中


这是我第一次使用 React/Auth0 工作,我找不到这个问题的原因。也许有人可以帮忙。

Auth0 已导入,域和 ID 已定义,属性(isauthenticated、isLoading 和 LoginWithDirect)也已导入。

为了测试,我也有一个登录按钮和一个登出按钮。

内容被包裹在:

<Auth0Provider
      domain={domain}
      clientId={clientId}
      authorizationParams={{
        redirect_uri: "/callback",
      }}
    >

与:

<Route path="/callback" element={<Callback />} />

当我点击登录按钮时,它会重定向到 Auth0 界面,登录成功后返回 /callback。

将 isLoading 和 isAuthenticated 打印到控制台,isLoading=true; isAuthenticated=false

当我集成自动重定向时:在 App.tsx 中我使用:

    if (!isAuthenticated && !isLoading) {
    
    loginWithRedirect();
        return null;
      }
    
    if (isLoading) {
        return <p>Loading...</p>;
      }

页面只显示“正在加载...”

我可以在哪里查找故障排除?链接设置似乎都正确。我按照说明操作了,我的应用程序还需要做其他事情吗?当被重定向到我的应用程序时,URL 中显示一个密钥,但在2-3秒后消失,我的应用程序是否需要以某种方式获取该信息?我需要通过路由来解决吗?

非常感谢你的帮助 :)