reactjs - 如何在 Nextjs 的 getServerSideProps 中包含我的凭据？

Question

在异步函数 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 代码，因此后端似乎工作正常。

Answer 1

I moved the fetch from getServerSideProps to componentDidMount, which fixed the problem. Only thing to take in mind is to initiate the state with empty values, since the order of calls is:

1. constructor
2. render
3. componentDidMount
4. render (if state update)