如何在 Nextjs 的 getServerSideProps 中包含我的凭据？答案

【问题标题】：How do I include my credentials in getServerSideProps in Nextjs? [duplicate]如何在 Nextjs 的 getServerSideProps 中包含我的凭据？
【发布时间】：2021-03-03 04:44:47
【问题描述】：

在异步函数 getServerSideProps 中，我需要从后端提取我的凭据以实例化会话。我有以下代码：

export async function getServerSideProps({ query: { id } }) {
  // Instantiate
  await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/workflow/${id}`, {
    method: 'GET',
    credentials: 'include',
  })
    .then((response) => console.log('Instantiate...', response))
    .catch((error) => console.error('Instantiation error', error));
}

URL 和所有似乎都有效，但控制台显示 500 错误，因为凭据似乎未包含在提取中。在浏览器控制台/邮递员中粘贴确切的调用时，响应是 200 代码，因此后端似乎工作正常。

【问题讨论】：

您的服务器上安装了CORS 软件包吗？ stackoverflow.com/questions/63351799/…

标签： reactjs fetch next.js getserversideprops

【解决方案1】：

我将获取从 getServerSideProps 移至 componentDidMount，从而解决了问题。唯一需要注意的是使用空值启动状态，因为调用的顺序是：

构造函数
渲染
componentDidMount
渲染（如果状态更新）

【讨论】：