问题标签 [getserversideprops]

我正在尝试使用 getServerSideProps nextJS 函数，但它不起作用。只需为我的道具返回 undefined ...

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

我的问题如下，我需要发送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 没有创建这些路径。

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

我会收到这个错误：

我在使用 getServerSideProps 函数的 NEXT JS 中使用 fetch 时遇到问题。当我开始使用这个框架时，我可能做得不好。访问外部 API 的所有凭据都是正确的。当我在 React 中使用相同的参数进行获取时，它会给我带来信息，但是使用 Next JS 它会返回 400 - Bad Request。

我将所有参数放在下面的同一块代码中，以便于理解。我正在使用像“”这样的凭据参数来保护隐私。它们是正确的，它们没有问题。

注意：我相信我必须以错误的方式使用 getServerSideProps 函数。我不知道除了编写函数之外，我是否需要在 Next JS 上进行任何配置。换句话说，这里显示的是我到目前为止实际写的内容。该程序直接从 index.js 调用。

这是文件夹结构：

文件夹结构

ListOrders 是我呈现页面的地方。它从我执行提取的 getServerSideProps 函数接收 {orders} 作为道具。

即使我更改了 axios 的 fetch，我仍然有相同的 400 错误。我知道这听起来很可悲，但我想指出 fetch 本身没有任何问题。问题应该出在 NEXT JS 的工作方式上。

学习 next.js 让我有点困惑。为什么数据显示有 24 个项目，但内部数组显示为零？

我有这个代码：

这是 Next.js 函数，它将在每个请求上执行此操作。我正在使用 Next.js，next-auth 进行身份验证。一切都应该正常工作，即使在网上console.log(accessToken)我也能得到预期的输出。但在功能getId上它说401 - unauthorized。我正在调用 Twitch api。

我需要为我的 next.js 应用程序创建一个连接的设备限制器。当用户访问该网站并登录时，将执行一个将他添加到已连接用户列表的功能。每个用户只能连接一台设备。如果此人尝试在另一台设备上访问登录到同一帐户的应用程序，则会显示等待屏幕。到目前为止，一切都很美好。问题是：当这个人断开连接时。不管是什么原因，如果连接丢失，则必须在服务器端执行将其从连接用户列表中删除的功能。

没有 socket.io有什么方法可以做到这一点吗？

我试图将我的一条路由隐藏在 Firebase Auth 后面的 NextJS 中。我将令牌存储在上下文中并在 getServerSideProps 中检索令牌。这在开发中有效，但一旦部署到 Vercel 就会失败。登录后我看到 cookie 在那里，但 try 块失败。

我想知道这是否是生产环境中的竞争条件，但我正在使用异步等待。

这是失败的集团。

我正在使用 nookies，我什至尝试按照某人的建议切换到 cookie-js。任何帮助将不胜感激。

这是回购： https ://github.com/craigbauerwebdev/next-tartanbook

令牌设置在这里： https ://github.com/craigbauerwebdev/next-tartanbook/blob/master/components/Auth/Auth.js

正在此处检索令牌： https ://github.com/craigbauerwebdev/next-tartanbook/blob/master/pages/vendors/index.js

我需要在它的 getServerSideProps 函数中获取从 NextJS 页面提交到另一个（服务器端渲染）页面的一些表单数据。基本上我需要在 getServerSideProps() 中调用的 api 需要传递这些数据。想过使用 localStorage/sessionStorage 在表单页面上存储数据并在函数中检索，但这在服务器上呈现时不起作用。任何帮助？

所以我基于这个NextJS 示例构建了一个 Next 应用程序，这意味着我有 GraphQL 路由和一个 Apollo 服务器，用于从应用程序中的 API 获取。该示例显示了如何在 getStaticProps() 中获取，这对我来说很好，但我需要实现 getServerSideProps()，因为提供的内容取决于 URL 查询和最多 6000 个不同 URL 的参数，所以我不能使用 getStaticPaths()。该代码在开发模式下工作得很好......但是当部署到 Vercel 时，它在开始时有时会工作，但有时会在页面上显示 504 BAD GATEWAY 错误，就像 95% 的时间一样。

[s]/[v].tsx 的代码：https ://pastecord.com/uwojuzudaw.typescript

我得到了一个仅呈现的Next-js页面（用户特定的页面） （获取数据）。protectedclient-sideclient-side

每次我从另一个Next-js页面（没有browser refresh）导航到这个页面时，我都可以访问router.query参数const router = useRouter(); router.query.something，

但是如果我直接在该页面上刷新浏览器，所有router.query参数都将丢失（undefined），

解决此问题的最佳方法/方法是什么？所以如果页面被刷新，我仍然可以query从url? 谢谢