我目前正在开发一个网络应用程序,我已经在其中实现了 JWT 身份验证。服务器创建 JWT 令牌并将其通过 HttpOnly cookie 发送到客户端。我在前端使用 React,并在导航期间管理身份验证状态方面面临挑战。
我尝试在 React 中使用
useContext
并通过包装我的路由的 useEffect
组件中的 App
获取令牌。但是,我遇到了问题,尤其是在刷新页面时。看来 useEffect
的异步特性导致了错误。最初,不会获取任何令牌(返回 null),然后,如果获取了令牌,即使在初始 null 值之后,它也会持续存在。
我正在寻找有关更强大的解决方案的指导来处理 React 中的 JWT 身份验证,特别是使用 HttpOnly cookie。如何确保在导航过程中正确检查令牌,避免我当前面临的问题?
任何有关在 React 中管理 JWT 身份验证的最佳实践的帮助或见解将不胜感激!预先感谢。
我认为使用localstorage比cookie更好。 看起来像是每个页面都保存了cookie,浏览器中并没有保存。