我在 reactjs 中检索 cookies.get() 值时遇到问题，它显示我未定义

【问题标题】：I'm facing problem in retriving cookies.get() value in reactjs, it shows me undefine我在 reactjs 中检索 cookies.get() 值时遇到问题，它显示我未定义
【发布时间】：2021-09-05 00:11:30
【问题描述】：

当我尝试从 localhost 检索 cookie 值时。

cookies.set('token', payload.token, {maxAge: 3600_000,secure:true, domain:'http://localhost:3001' })

cookies.set("user", JSON.stringify(payload.user),{maxAge: 3600_000,secure:true, domain: 'http://localhost:3001' })

//get cookie value undefine
console.log("Login success token",  cookies.get('token'))

我的 cookie 存储输出

我的代码发生了什么我不明白。

【问题讨论】：

标签： javascript reactjs cookies redux

【解决方案1】：

在图片中，您可以看到 cookie 有一个字段 HttpOnly: true。当此字段设置为 true 时，无法使用 JS 在前端检索 cookie。在这里你可以阅读更多关于这个领域的信息https://owasp.org/www-community/HttpOnly

此字段很有用，因为它可以保护您的网站免受 XSS 攻击

【讨论】：

我如何从前端进行基于 cookie 的身份验证？
使用 JWT cookie 进行身份验证的方法有很多。我个人喜欢使用刷新和访问令牌。您可以查看此博客，其中包含解释此 blog.garethlau.me/posts/token-authentication 的指南。此外，每个请求都会发送 httpOnly cookie，因此只有一个 cookie 作为 httpOnly 可以保护您免受 XSS 攻击，但让您容易受到 CSRF 攻击。我链接的博客参考了更详细解释的指南