Auth0 登入和登出設定檔不起作用。反應打字稿
P粉349222772
P粉349222772 2023-09-03 10:57:28
0
1
356

我對 Auth0 有疑問。登入.和註銷。使用反應打字稿。

這裡位於 Index.tsx 中。

root.render(         );

在身份驗證設定中給了一些程式碼。

現在我有一個登入或登出按鈕。

const AuthButton = () => { const { isAuthenticated, loginWithRedirect, logout } = useAuth0(); const handleLogin = () => { loginWithRedirect(); }; const handleLogout = () => { logout({ logoutParams: { returnTo: window.location.origin } }); }; return (  ); }; export default AuthButton;

還有。我檢索使用者資訊以顯示。

const Profile = () => { const { user, isAuthenticated, getAccessTokenSilently } = useAuth0(); const [accessToken, setAccessToken] = useState(''); useEffect(() => { const getAccessToken = async () => { try { const token = await getAccessTokenSilently(); setAccessToken(token); } catch (error) { console.error(error); } }; if (isAuthenticated) { getAccessToken(); console.log("authenticated") } }, [isAuthenticated, getAccessTokenSilently]); if (!isAuthenticated) { return 
Please login to view your profile.
; } return (
{user?.picture && ( Profile Picture )}

Hello {user?.name}

Email: {user?.email}

Login Method: {user?.sub?.split('|')[0]}

Access Token: {accessToken}

); }; export default Profile;

這是我的問題:在我登入 Auth0 協定後,登入登出按鈕沒有改變。第一的。它打開並轉到 auth0 對話框。然而。使用我的Google帳號登入後。然後按鈕仍然顯示“登入”。 這意味著它永遠不會登入。我真的不知道該怎麼辦。這是我擁有的 auth0 配置設定。

上面已經解釋

P粉349222772
P粉349222772

全部回覆 (1)
P粉832490510

我透過使用loginWithPopup而不是loginredirect解決了這個問題。我也使用了該連結。

authorizationParams={{ redirect_uri: 'mysiteadress.com/home' }}

我沒有使用window.location.origin。但我在這部分程式碼中使用了地址。

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!