javascript - 如何在 Next.js 的 `getServerSideProps` 方法中使用 cookie？

Question

我必须在端点上发送当前语言。但是从 Cookie 获取语言在 getServerSideProps 内部返回 undefined .

export async function getServerSideProps(context) {
    const lang = await Cookie.get('next-i18next')
    const res = await fetch(`endpoint/${lang}`)
    const data = await res.json()

    return {
        props: { data },
    }
}

export default Index;

将 cookie 放入 getServerSideProps 的正确方法是什么？ ?

Answer 1

您可以从 req.headers 获取 cookie。里面 getServerSideProps :

export async function getServerSideProps(context) {
  const cookies = context.req.headers.cookie;
  return {
    props: {},
  };
}

然后您可以使用 cookie npm 包来解析它们:

import * as cookie from 'cookie'

export async function getServerSideProps(context) {
  const parsedCookies = cookie.parse(context.req.headers.cookie);
  return { props: {} }
}