问题标签 [getserversideprops]

我在前端使用 NextJS，在后端使用 NodeJS(Express)。我尝试使用getServerSideProps来检查和预渲染用户是否经过身份验证，但它不起作用。我尝试添加credentials: 'include'，但它也没有工作

错误：

• url: 'http://localhost:3000/api/auth/user',
• 状态：401，
• statusText: '未授权',
• headers: Headers { [Symbol(map)]: [Object: null prototype] },
• 计数器：0

我知道客户端使用useEffect()可能会解决问题，但我不想在渲染完成后看到状态变化。

例如：在我的导航栏中，如果用户已通过身份验证，则应显示username，如果不是，则仅显示“登录”。但是每次我刷新它都会首先显示“登录”，然后几秒钟后它会变成username（假设用户已登录）。

还有其他方法吗？

谢谢！

我最近一直在尝试使用 NextJS 创建一个 Web 应用程序。我知道一些 Web 开发的基础知识，但是在使用 NextJS 时我有点迷茫，因为我之前也没有做过任何 React。

我尝试从 API 获取数据并在我的页面中使用这些数据。我有点挣扎，但最后我得到了它的帮助getServerSideProps。

我的问题是，如何getServerSideProps在我的应用程序中多次使用，以便获取许多其他路由？我尝试getServerSideProps在不同的文件中使用它，在一个函数中使用它的响应，然后我将其导出为一个组件并使用它，这样我就可以“获取 getServerSideProps 响应的组件”，如果它有意义的话，但是在尝试做的时候有很多不同的错误所以。

有人可以解释它实际上是如何工作的以及我如何解决我的问题，如果它不能那样工作，我怎样才能让它工作？

这是使用 Coinbase 的 API 的示例：

然后我在 Home 函数中使用“ethprice”，例如：

[页面内容、div、文本等...]

谢谢！

我来自 React 背景。在第一次请求时响应应用程序服务器整个网站，然后使用 useEffect() 钩子获取数据。我听说 Next.js 也做同样的事情。但我的疑问是：

1. Next.js 如何以及提供哪些文件。它是仅服务器请求的页面还是整个 Web 应用程序（所有页面）？

2. 如果它服务于整个 Web 应用程序，那么当我们路由到使用 getServerSideProps 的某个页面时它如何获取数据？

我试过四处寻找，但找不到有我的问题的人。当我运行时，next build我收到一条错误消息，说我不能拥有 getInitalProps/getServerSideProps，但在我的 404.tsx 文件中没有使用 getInitalProps 或 getServerSideProps。

但我的 404 文件如下所示：

布局组件：我注释掉了默认道具，认为它可能是出于某种奇怪的原因造成的。

谢谢您的帮助！

我在我的项目中遇到了 axios 的一个大问题。我使用 axios 在getServerSideProps. 但它是否显示“请求失败，状态码为 404”，同时我还使用 axiosuseEffect从 api 获取数据。

通过我 cna 无法从getServerSideProps我使用的数据中获取数据useEffect

我感谢您的所有帮助。我喜欢 create-react-app 如何让您运行 NPM RUN BUILD，然后将“Build”文件夹上传到您的 FTP 目录。

NextJS 怎么可能呢？我构建了我的应用程序并运行了 NPM RUN BUILD，但没有看到 Build 文件夹。我正在使用带有 getServerSideProps 的服务器端渲染，那么是否有一个网页可以解释这一点？我在 NextJS.org 上阅读了 Deployment 网页，但我不想使用他们的服务器。

再次感谢你的帮助。

布鲁斯

为什么 getServerSideProps 方法会捕获图标请求这破坏了我的应用程序我不知道如何解决这个问题

例如，我希望地址相等

但实际上它等于

有没有一种方法可以让我们拥有类似于在 上获取数据时的加载状态client-side？

我想要一个加载状态的原因是有一个加载骨架之类的东西，例如react-loading-skeleton

在客户端，我们可以这样做：

但是对于 SSR (getServerSideProps)，我不知道这是否可行，例如我们可以有一个加载状态吗？

最近 Next.js 发布了getServerSideProps should support props value as Promise https://github.com/vercel/next.js/pull/28607 有了它，我们可以做出承诺，但不确定如何实现它并拥有加载状态，或者这是否可以实现。他们的例子表明：

我正在使用这个 API，https://api.xmltime.com/holidays?accesskey=dYjG8ztthf&secretkey=veUV06dNmrnp7bbaYq0u&version= 3&country=ro&year=2021&lang=en

API 正在我的本地 PC 上运行 -https://localhost:5001/api/holiday?&country=ro&year=2021

我尝试将 API 集成到我的 nextjs 应用程序中。但是我没有数据

接口.ts

索引.ts

api.ts

环境.local

在控制台错误被打印为输出，我做错了什么？

错误信息

我正在开发一个作为日历的 nextjs 项目。当国家和年份更改日历应该更改并且我使用假期 API。API url 包含国家和年份参数（https://localhost:5001//holiday?&country=${country}&year=${year}）。所以我需要通过国家和年份，在Holiday.tsx我使用下拉选择国家和年份。

我在获取数据方面很吃力。如何将这些选定的国家和年份值传递给index.tsx. 我不使用动态路径。我只有 index.ts。

api.ts

索引.tsx

Holiday.tsx - 这里的国家和年份变化