首页 > 解决方案 > 如何在 react js 中设置启用 httpOnly 的 cookie?

问题描述

我已经使用 js-cookie 库在前端本身(React JS)生成并设置了 cookie,该库运行良好,直到我使用它并将 httpOnly 设置为 false。现在,我的条件设置 httpOnly 为 true,但我无法实现这一点,因为我在互联网上发现,如果我们将 cookie 设置为 httpOnly = true,那么我将无法使用 javascript 获取 cookie(即 React JS ) 这只是 httpOnly cookie 的一个功能。

  1. 我搜索并发现可以找到一个名为“react-cookie”的相关库https://www.npmjs.com/package/react-cookie但有了这个库,我也不知道我的 javascript 将如何获取 cookie .
  2. 另外,我发现我们可以在某个地方使用 express 服务器作为实际处理服务器之间的中间件,我们可以在 express 服务器上设置和获取我们的安全 cookie,但在这个阶段我将是一项艰巨的任务。

谁能建议我一些其他更好的方法来设置和获取我的 cookie,使用 react js 将 httpOnly 设置为 true。欢迎所有建议!提前致谢。

标签: reactjsexpressreact-routersession-cookiesreact-cookie

解决方案


您应该在后端将 httpOnly 设置为,也不需要通过每个请求发送 cookie,因为它包含在每个请求中。也可以在 react 应用程序中工作,您应该将 sameSite 设置为“None”,将 httpOnly 设置为 true,并将其设置为 true


推荐阅读