问题标签 [getserversideprops]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
65 浏览

node.js - 使用 NextJS 在 getServerSideProps 中没有可用数据时显示 div?

好的,这是我关于 NextJS 的第三篇文章。

我目前正在制作一个搜索页面,该页面需要根据 URL 中找到的关键字从 3 个端点获取数据;如果未找到数据,则在正确的调用中显示一条消息。

即使在 1-2 个端点中找到数据,当前行为也会引发错误:

在上面的代码中,我试图NothingFoundAlert在每个变量中显示组件,但它当前会引发以下错误:

注意:我正在使用快递

0 投票
1 回答
1514 浏览

reactjs - How to make next-auth User Session Data Globally accessible from _app.js server-side?

What is the best way to make next-auth user data in session globally accessible in all pages server-side?

or do I need to manually add getServerSideProps to every page to get the session user data?

<Provider session={pageProps.session}></Provider> is in _app.js return function so do I need a hoc wrapper component for this?

I tried using getInitialProps:

but I get this error: TypeError: Cannot read property 'session' of undefined for <Provider session={pageProps.session}>

0 投票
0 回答
533 浏览

reactjs - Nextjs 没有使用 serverSideProps 渲染带有数据的动态元标记

大家好,我需要一些关于 nextjs 搜索引擎优化的帮助我正在尝试大约 2 周左右但无法这样做我从 serverSideProps 的后端获取数据它已成功加载页面但爬虫无法获取它他们没有表现出任何东西。起初我写了我的组件,那没有用

现在我正在尝试下一个 seo 但同样的事情。附加的屏幕截图是存在于 prodcuts/[product].js 中的页面组件

任何帮助将不胜感激,如果您能指出我正确的方向,我将非常感谢您。

在此处输入图像描述

0 投票
0 回答
56 浏览

post - 如何在 Post 请求中使用 getStaticProps 或 getserversideProps?

我正在使用 Post 请求从后端获取数据。我正在使用 getInitialProps 来渲染数据,但是当我知道不再推荐使用 getInitialProps 时。我想用vercel推荐的方法之一替换getInitialProps。我成功地将 getStaticprops 用于所有获取请求。但是还有一些发布请求,例如显示相关博客和显示带有标签和类别的博客仍然存在。

打击代码用于从后端获取数据:

listAllBlogsWithTagsAndCategories:

提前致谢。

0 投票
1 回答
110 浏览

api - Nextjs 集中授权

我正在构建一个应用程序,我需要根据来自消费应用程序的“模式”查询参数和 apikey 授权用户。

然后它将向后端发送一个 api 请求并确认用户是否具有授权。还要保证apikey不暴露在外面。

只是想知道我将如何在 Next.js 中处理这个问题?

我正在考虑构建一个本地 api 并获取后端响应,然后从页面调用本地 api。因为这必须发生在不允许 getServerSideProps 的 _app.js(集中式)中,所以我对我的方法有点困惑。

非常感谢您的反馈

0 投票
0 回答
60 浏览

reactjs - 使用 getServerSideProps 从查询结果中过滤多个值

如何在getServerSideProps. 我将所有结果发送到查询参数:

在我的 URL 中,当我开始过滤时,我得到了这个结果:http://127.0.0.1:8082/users?lastname=lastnameFilter&firstname=firstnameFilter&email=&city=&zipcode=

}

如何仅将查询应用于具有已填写字段的项目并使用已填写字段更新我的 url,以及如何使用它context.query以便它自动知道要在我的表中查找哪个字段?

我已经创建了一个 API 工厂,我可以做到。

结果:请求 URL: http: //127.0.0.1 :8081/api/users/?lastname=lastnameTest&firstname=firstnameTest

在参数中,我有过滤器的所有字段。我搜索如何使用getServerSideProps做到这一点

0 投票
0 回答
558 浏览

typescript - 无法读取页面中的 Next.JS getServerSideProps 返回 - 打字稿

我正在尝试在 getServerSideProps 中获取一些数据,但是我无法在前面阅读,我已经按照 Vercel 的所有教程进行操作,并且仍然从来自 getServerSideProps 的道具(我在前面得到的道具)中获得未定义

GetServerSideProps 函数:

反应页面(初始化):

那个 console.log 总是返回 undefined

这是_app.tsx:

0 投票
1 回答
87 浏览

reactjs - 如何将道具从组件传递到 NextJS 中的 getServerSideProps()?

我想将组件中的道具传递给 getServerSideProps()。他们都在同一页上。下面的代码我想将 url 从我的组件传递给 getServerSideProps() 以便我可以使用相同的 url 从 API 获取数据。

0 投票
3 回答
795 浏览

reactjs - NextJS + Apollo:如何在 getServerSideProps 内的 apolloClient.query 上获取多个查询?

我目前正在学习 NextJS + Apollo,但遇到了一个问题。由于getInitialProps不推荐我使用getServerSideProps. 在这里,我使用此代码来获取道具服务器端并填充组件:

问题是getServerSideProps只能在页面级别而不是组件上使用。因此,我必须为我在此页面上使用的所有组件获取道具。

我怎样才能做到这一点?是否apolloClient.query接受多个查询?或者我应该做些什么来addApolloState发挥作用?

官方文档没有考虑到这一点,我在另一个开源项目中找不到类似的东西。

0 投票
1 回答
31 浏览

next.js - 如何在获取数据时显示加载指示器 uisng getserversideprops

我想在使用getseversideprops从外部API获取数据时显示一个加载图标。加载指示器在更改路由时工作,但我想在使用getServerSideProps预渲染页面时显示加载指示器。