next.js - getServerSideProps 在生产中不渲染动态页面，并显示 404 错误

Question

我正在使用 next.js，在开发模式下一切正常，但在生产模式下动态渲染页面时出现问题。我在 pages 文件夹中有以下路径 pages/user/[id]，这个组件是我调用 getServerSideProps 函数的地方。

import headers from '../../headers';

export async function getServerSideProps(context) {

  const URL = 'https://somewhere...';

  let { id } = context.params;

  const apiResponse = await fetch(
    `${URL}/${id}/detail`,
    {
      headers: headers,
    }
  ); 
  if (apiResponse.ok) {
    
    const data = await apiResponse.json();
    return {
      props: data, // will be passed to the page component as props
    };
  } else {   
    return { props: {} };
  }
  
}

我的问题如下，我需要发送headers仅在登录时获得的身份验证令牌并获得 2FA 代码，因此build及时，该信息不存在，并且在执行时npm run build和执行时出现 401 错误无授权访问/user/34例如我得到一个 404 错误。

我在stackoverflow上检查了这些问题：

• NextJs：动态路由的静态导出
• https://stackoverflow.com/questions/61724368/what-is-the-difference-between-next-export-and-next-build-in-next-js#:~:text=After%20building%2C%20next %20start%20starts,can%20serve%20with%20any%20host.&text=js%20will%20hydrate%20your%20application,to%20give%20it%20full%20interactivity。
• next.js getStaticPaths 列出每条路径还是仅列出附近的路径？

我的应用程序中有一些部分是静态的并且工作正常，但问题在于动态路径，因为 next.js 没有创建这些路径。

编辑：我将包含一个有其他问题的图像，如果在获取之后我只是说：

if(apiResponse){ //without 'ok'

}

我会收到这个错误：

Answer 1

return {
      props: data, // will be passed to the page component as props
    }

道具应该是对象

return {
          props: {data} // or props: {data:data}
        }