javascript NextJs中服务器/客户端之间的Cookie共享

daolsyd0 于 2023-01-08 发布在 Java

关注(0)|答案(1)|浏览(250)

假设您有一个充当数据层的独立服务器，然后有一个Next.js应用程序，其唯一用途是在服务器端呈现React，偶尔从getServerSideProps预取数据。（尝试避免不必要的Next.js中间人/冷启动）现在，如果我尝试通过cookie设置auth令牌，是否有一种优雅的方式可以有效地在Next.js和客户端之间共享cookie，以便客户端在收到请求时进行身份验证，而且Next.js getServerSideProps函数也是如此。
我想知道我是否需要一个单一的/API/login Next.js无服务器函数，它只是充当“我将为自己获取cookie，并将其沿着给您（客户端）”
这一切都有意义吗？在我的例子中，独立服务器是基于NestJS构建的。我可以使用react-ssr这样的工具在服务器端呈现所有内容，这可能是一个很好的解决方案，因为几乎每个页面都有阻塞数据的需求，但我正在尝试理解我的选择，这似乎是Next.js这样的框架经常面临的问题。

JavaScript

来源：https://stackoverflow.com/questions/73602275/cookie-sharing-between-server-client-in-nextjs

1条答案

按热度按时间

tv6aics11#

您可以使用js-cookie直接从呈现器设置cookie。
然后您需要做的就是从req.headers.cookie获取cookie。

import Cookie from "js-cookie";

function Index() {
 
  function setCookie() {
    Cookie.set("yourCookieName", "yourCookieValue");
  }

  return (
    <div>
      <button onClick={setCookie}>set cookie</button>
    </div>
  );
};

export async function getServerSideProps({ req }) {
  console.log(req.headers.cookie)
  return { props: {} }
}

export default Index;

赞(0）回复(0）举报 2023-01-08

我来回答

javascript NextJs中服务器/客户端之间的Cookie共享

1条答案

相关问题

热门标签

最新问答