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秒后消失,我的应用程序是否需要以某种方式获取该信息?我需要通过路由来解决吗?
非常感谢你的帮助 :)