2 回答

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
localStorage 是執(zhí)行此類操作的最佳方式,如果不使用令牌,則必須使用令牌來維護(hù)會(huì)話。當(dāng)任何 API 被命中時(shí),每頁一個(gè),使用后端的會(huì)話令牌進(jìn)行檢查。將身份驗(yàn)證狀態(tài)值保存在 localStorage 中將使用戶可以訪問其他沒有登錄的頁面。

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
由于這是一個(gè)復(fù)雜的問題,無法編寫完整的解決方案。這是指導(dǎo)方針
登錄時(shí),將憑據(jù)保存在 localStorage 中,例如 accessToken、刷新令牌
編寫通用代碼(身份驗(yàn)證服務(wù))以在 localStorage 中寫入和讀取訪問令牌和用戶信息,以便您可以訪問應(yīng)用程序中的任何位置
ProtecteRoute
像本文中給出 的那樣編寫您的自定義https://tylermcginnis.com/react-router-protected-routes-authentication/注銷時(shí),使用并重定向或更改狀態(tài)從 localStorage 清除您的數(shù)據(jù),
Auth.logout()
這樣 ProtectedRouter 將不允許用戶進(jìn)入受保護(hù)的應(yīng)用程序頁面,因?yàn)槟膽{據(jù)已被刪除Auth.isLoggedIn()
并將返回 false。
添加回答
舉報(bào)