对于页面中的列表，是否需要在getStaticProps Next.JS中使用重新验证密钥？
对于页面中的列表，在getStaticProps Next.JS中使用重新验证密钥的需求取决于具体情况。下面是对该问题的完善且全面的答案：
在Next.JS中使用getStaticProps可以在构建时获取数据并在页面加载时静态地呈现。当页面中的列表需要获取数据且数据可能会频繁变动时，重新验证密钥是一种常见的做法。重新验证密钥的目的是确保在获取数据之前，验证用户身份和权限，以保护敏感信息和防止未经授权的访问。
在实现重新验证密钥时，以下步骤可以作为参考：
- 创建一个密钥验证的函数：该函数应该接收密钥作为参数，并验证密钥的有效性。这可以通过与服务器上存储的密钥进行比较来完成，也可以使用其他验证机制，如JWT（JSON Web Tokens）。
- 在getStaticProps函数中使用密钥验证函数：在getStaticProps函数中调用密钥验证函数，并传入从请求中获取的密钥作为参数。如果密钥验证成功，则可以继续获取数据，否则可以返回适当的错误或重定向到其他页面。
- 考虑密钥的存储和管理：在实际应用中，密钥的存储和管理是非常重要的。建议将密钥存储在安全的环境中，并采取适当的措施来保护密钥，例如加密和访问控制。
根据具体的应用场景和需求，可以选择使用腾讯云提供的相关产品来实现密钥验证。以下是一些腾讯云的产品和其相关链接，可以用于实现重新验证密钥的功能：
- 腾讯云API网关：通过API网关可以轻松构建和管理API，并提供了丰富的验证和安全机制，用于保护API的访问。
- 产品介绍链接：https://cloud.tencent.com/product/apigateway
- 腾讯云身份与访问管理（IAM）：IAM提供了一套用于访问管理的工具和服务，可用于管理用户、角色和访问策略，以实现身份验证和访问控制。
- 产品介绍链接：https://cloud.tencent.com/product/cam
请注意，以上提到的腾讯云产品仅作为参考，并非唯一的解决方案。根据具体需求，还可以考虑其他腾讯云产品或自行实现验证功能。
最后，需要强调的是，上述答案仅供参考，具体实施方案应根据实际情况和需求进行定制化设计。
相关·内容
你好，我是Next.js的新手，我知道在getStaticProps中，Next.js会在构建时预呈现这个页面，而在getServerSideProps中，Next.js会使用getServerSideProps返回的数据在每个请求上预呈现这个页面。
但是我想要一个什么时候使用getStaticProps和getServerSideProps网站的例子
浏览 9提问于2022-01-27得票数 3
回答已采纳
这是一个场景；
我在Next.js中添加了一些静态页面，所以使用getStaticProps()听起来不错。
但是，用户(管理员)将来也可以从管理控制台更新这些页面的内容，不太频繁.
那么，是否有任何方法只在更改发生后刷新或重新部署页面？，或者，如果我们可以在管理控制台上添加一个button，以便在更改后刷新/重新部署！？
Update__：所有页面内容都存储在数据库中，Next.js在构建过程中从DB获取数据。
我的方法：
将revalidate与getStaticProps()结合使用。但是，它也不能保证立即更新，而且重要的是，会导致不必要的重新验证，因为更改很少。
使用g
浏览 1提问于2021-11-15得票数 0
回答已采纳
我有一个关于增量静态再生的问题。据我所知，revalidate函数中的getStaticProps()值告诉Next.js它应该重建页面的时间。
我的问题是，在设定的时间之后，每个用户/请求都会发生这种情况，还是从第一个用户/请求访问页面开始集中处理？
例如，：
重新验证getStaticProps()函数中的值：60秒
用户点击页面并接收缓存的版本。60秒后，Next.js为他重新构建页面，并为新内容提供服务。
用户B在用户A之后不久点击页面，收到缓存的版本，60秒后他也收到更新的版本。
我担心的是，每个单独的请求都启动，它是自己的60秒间隔来重建。
我很确定情况并非如此，但由于Next
浏览 4提问于2021-04-13得票数 10
回答已采纳
我读过很多次，但是我仍然不知道使用fallback:true和getServerSideProps的getStaticProps有什么区别。
据我所知：
getStaticProps
getStaticProps在构建时呈现，并以静态HTML文件的形式提供任何请求。它与不经常更新的页面一起使用，例如，关于我们的页面。
export async function getStaticPaths() {
return {
paths: [{ params: { id: '1' } }, { params: { id: '2' } }]
}
}
但是，如果
浏览 2提问于2021-02-09得票数 2
回答已采纳
这里是Next.js新手。我在上读了一遍，发现如下：
Next.js生成一个JSON文件，保存运行getStaticProps的结果。JSON文件将用于通过next/link或next/router进行客户端路由。当您导航到使用getStaticProps预呈现的页面时，Next.js将获取此JSON文件(在构建时预先计算)，并将其用作页面组件的支持。
我的问题是，为什么需要这个JSON文件？如果在构建时使用getStaticProps提供的支持将页面呈现为静态HTML，那么为什么页面组件在运行时存在并需要访问这些支持呢？
浏览 5提问于2022-09-01得票数 3
回答已采纳
在一个与网上购物网站相关的个人项目中，我有一个产品页面的列表，在我删除一个产品之后，我正在尝试重新获取产品。我使用Next.JS和Firebase作为数据库。第一次加载页面时，我使用getStaticProps获取产品
export const getStaticProps = async (context) => {
const items = Array.from(await getItems({shouldShuffle: false}));
// more code + return items
}
在删除要重新获取项目的产品之后，我如何回忆条目var？
浏览 4提问于2022-06-10得票数 1
我正在用Next.js和GraphCMS创建一个博客，我有一个ArticleList组件出现在多个页面上(例如，在我的主页上，在每一篇文章下面作为推荐等等)。
但是，由于文章列表是从我的CMS中填充的，所以我使用的是getStaticProps。因为我不能在组件级别上使用getStaticProps，所以我在每个页面上重写相同的getStaticProps函数。有什么方法可以让我轻松地重用这些代码并在页面间共享吗？
想知道这方面是否有任何最佳做法。
浏览 12提问于2022-02-10得票数 2
Next.js有以下“重新验证”选项：
export async function getStaticProps(context) {
const data = await getData();
if (!data) {
return {
notFound: true,
};
}
return {
props: { data },
revalidate: 60,
}
}
上面的代码将确保从我们请求更新数据的那一刻起60秒后重新生成页面(第一次刷新来请求新数据，第二次刷新到更新页面)。这是基于，所以网站不需要重建。
来自文档：
浏览 2提问于2021-11-24得票数 3
回答已采纳
我正在阅读Next.js获取数据，这是文档的一部分，一个问题出现在我的脑海中。
Next.js可以用getStaticProps、getStaticPaths、getInitialProps和getServerSideProps获取数据，对吗？
但正如我引用的那样，有些是在构建时发生的：
getStaticProps (静态生成)：在构建时获取数据
构建时间是什么时候？
是我们运行npm run build的时候吗？(要构建生产生成)
还是当用户访问我们的Next.js应用程序时？(每次请求)
浏览 3提问于2020-10-25得票数 43
回答已采纳
2回答
我正在开发一个有很多页面的Next.js电子商务应用程序，其中一些是所有产品页面、特定产品页面、博客文章页面、个人资料页面、购物车页面等等。这个应用程序需要强大的SEO，因此我选择了Next.js，然而，我没有太多的经验，它的数据获取选项- SSR和SSG。我在Next.js上读过很多关于SSR和SSG的文章，我不确定我是否正确地理解了它。
由于我是新手，所以我选择了getServerSideProps，因为我几乎所有的页面都需要在呈现之前从RESTful API中加载内容。但是，我看到一篇文章指出，产品页面的最佳选择是将getStaticProps与getStaticPaths一起与fall
浏览 3提问于2021-04-09得票数 7
回答已采纳
在我的Next.js应用程序中，我使用getStaticProps静态地生成页面，如下所示
export async function getStaticProps({ params }) {
...
if (data.isRedirect) {
return {
redirect: {
destination: `${data.redirectTo}`,
permanent: false,
},
};
}
return {
props: {
data,
},
r
浏览 3提问于2021-10-13得票数 0
1回答
我基本上是在为今年的即将到来的活动建立一个日历，每个事件都像一个有自己的缩略图和页面的博客文章。一个非常简单的CMS设置。
我正在使用FaunaDB并在getStaticProps()中获取。
然后，我使用组件逻辑将事件分解为几个月的块，一次呈现一个月，无限滚动，在向下滚动时重新呈现并添加更多的月份。
如果我在日历中有数百个事件，它会导致getStaticProps慢下来还是崩溃？
这是处理大量数据的最佳实践吗？
，在getStaticProps?中，有多少数据不能一次输入？
我知道，我只需构建组件，使客户端频繁地将请求提取到我的数据库--但这肯定不符合使用Next.js的目的(另外，我需要g
浏览 6提问于2022-05-17得票数 1
回答已采纳
我正在使用这个模式在Next.js中构建持久布局：
当您的布局不依赖于外部数据时，它工作得很好。
如果你想构建一个像页面这样的文档--在你的布局中有一个带有Getting Started，Examples，FAQ，About等部分的侧边栏，该怎么办？
// markdown file
---
section_1: "Getting Started"
section_2: "Examples"
section_3: "FAQ"
section_4: "About"
---
如何使用Next.JS和getStaticProps实现这些
浏览 0提问于2020-06-23得票数 1
试图在项目上实现Next.js。
有一个索引页，其中包含使用revalidate: 1在getStaticProps()上发布的帖子列表。
在另一个页面上，有一个用于编辑帖子标题的表单。此页面对API端点进行AJAX调用，该端点更新数据库上的记录。
编辑完帖子标题后，我使用next/link返回到带有post列表的页面，但是列表显示了过时的数据。如果我重新加载页面，我仍然会看到过时的数据，但是一旦我再次单击到posts列表页面的链接，数据就会更新。
我是不是漏掉了什么，还是这是预期的行为？
下面是一个复制此场景的回购(使用“产品”而不是"post")：
浏览 7提问于2021-02-01得票数 2
回答已采纳
我在getStaticProps页面中使用Next.js。
export const getStaticProps = wrapper.getStaticProps(async ({ store }) => {
store.dispatch(getInfoRequest());
store.dispatch(END);
await store.sagaTask.toPromise()
});
这是一条动态的路线。A当我刷新页面时：
错误:动态SSG页面需要getStaticPaths，“/dates/[...info]”缺少。阅读更多：
为什么会发生这种错误？
浏览 8提问于2020-10-27得票数 1
我在用Next.js。
请告诉我是否有一种方法静态地生成和显示在所有页面上使用的组件(页眉和页脚)中从数据库检索的值？
getStaticProps可以静态地生成页面，但它似乎不适用于组件。
我尝试在所有页面中使用的标头组件中使用getStaticProps，但是我得到了以下错误。
Module not found: Can't resolve 'fs'
header.tsx
export const getStaticProps = async () => {
const articleTags = await getArticleTags();
re
浏览 3提问于2021-12-26得票数 1
回答已采纳
我试图使用vercel托管一个Next.js项目，getStaticProps()中的一些api调用使用next.js页面文件夹中的api文件夹。这个函数也需要一个完整的url，所以我不能只提供/api/get-products。我必须提供类似http:localhost:3000/api/get-products的东西。
我应该怎么做才能成功地在vercel上建立这个系统。因为如果我运行npm run build。它建设得很成功。
这就是我对Vercel的错误
浏览 5提问于2022-10-20得票数 0
为什么getStaticProps()是Next.js中的异步函数？据我所知，异步函数是在执行时从主线程卸载的函数。这将阻止主线程不必要地被可能需要一段时间(例如)的函数所阻塞。从数据库中获取)。
getStaticProps()在构建时执行，因此不会影响在Next.js中呈现页面的主线程。因此，我想知道为什么它是一个异步函数。这样就不会在构建应用程序时阻止执行吗？谢谢。
浏览 4提问于2022-05-11得票数 0
我正在进行一个next.js项目，并试图将数据从“裸子表”页面传递到“表”组件。
这是“裸子植物列表”页面，其中我有getStaticProps函数：
export default function Gyms({gyms}) {
return (
<Table gyms={gyms}/>
)
}
export async function getStaticProps() {
const res = await fetch(`${server}/api/gyms`)
const gyms = await res.json()
console.
浏览 4提问于2021-11-30得票数 0
回答已采纳
1回答
我正在尝试在Next.js环境中使用SWR。
const Best = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
const { data } = useSWR('/best', apis.getBestProduct, {
initialData: props.initialData,
});
console.log(data);
return (
...SOME PRESENTER
);
};
export const getStati
浏览 38提问于2021-02-23得票数 2
回答已采纳
3回答
我使用了Next.js，但是动态路由有一个错误。
在我的应用程序中，我使用了getStaticPaths，getStaticProps，如下所示：
<Link
href={`/offers/[id]?id=${offer.id}`}
as={`/offers/${offer.id}`}
>
<a>{offer.title}</a>
</Link>
当我点击这个链接时，我对显示我的页面的动态路由没有问题。
但是当我刷新相同的页面时，我会收到这样的消息：
当我寻找解决方案时，答案是我的Link在点击时没有正确的设置。
浏览 27提问于2021-03-26得票数 3
1回答
我正在尝试在React函数组件中呈现来自props的数据，如下所示： interface TagsComponentProps {
tags: Tag[];
}
const TagsComponent: FC<TagsComponentProps> = (props: TagsComponentProps) => (
<>
{props.tags.length === 0 &&
<LoadingStateComponent />
}
{props
浏览 7提问于2021-02-01得票数 0
回答已采纳
2回答
我用建立了一个网站，指南上说next.js有两种形式的预渲染：
静态生成(推荐)：HTML是在构建时生成的，并将在每个请求中重用。服务器端呈现:在每个请求上生成HTML。
如果我使用的是静态生成，那么在我的页面中我有以下代码：
export async function getStaticProps({ params }) {
const fetchedData = await axios.get(API_URL);
return {
props: {
fetchedData
}
}
}
这是否意味着此功
浏览 3提问于2020-04-29得票数 0
回答已采纳
使用连接到Apollo的Next.js，我有50个左右的非动态urls使用getStaticProps()获取数据。它工作得很棒，我喜欢页面加载的方式。我面临的问题是，因为Vercel在构建时构建这些页面的静态版本，所以在构建大约40个页面后，我很快就达到了这些页面上使用的API的速率限制。考虑到我无法控制这些速率限制，有没有办法在构建时限制每个getStaticProps中的数据调用，以腾出这些数据调用的空间？我的#getStaticProps在每个页面上如下所示： export async function getStaticProps() {
const apolloClient =
浏览 16提问于2020-09-04得票数 1
回答已采纳
1回答
我用Next.js 9.3.1创建了新的应用程序。
在支持SSR的旧应用程序中。我可以在HOC组件中(而不是在页面中)使用getInitialProps函数，这样我就可以从HOC组件中的服务器和页面中获取数据。像这样的
示例：
export default function withLayout(ComposedComponent) {
return class WithLayout extends Component {
static async getInitialProps(ctx) {
console.log("ctxlayout fire");
浏览 2提问于2020-03-23得票数 17
我正在使用启用了typescript功能的Next.js
尝试使用此处所述的getStaticProps
使用GetStaticProps类型
export const getStaticProps: GetStaticProps = () => {
return {
props: {
host: process.env.DB_HOST.toString(),
},
}
}
我得到了这样的错误
Type '() => { props: { host: string; }; }' is n
浏览 13提问于2020-12-01得票数 12
因此，我在Next.js中是新手，我想知道，在页面中的index.js文件中，有一个组件将从JSON对象返回一个列表。那么在我的组件之外导入这个JSON文件与在getStaticProps中导入JSON文件有什么区别呢？
import contactList from '../../public/contactList.json'
export default function Home () {
// ... component here
}
或
export async function getStaticProps() {
import contactList f
浏览 0提问于2021-03-08得票数 1
回答已采纳
我正在建立一个应用程序与一个迷你论坛使用Next.js与增量静态再生我的学校项目，但遇到了一些问题的道具钻探。我有这样一个道具流，它是getStaticProps => backgroundLayout => mainPage =>其他页面组件
我正在考虑使用上下文API来解决这个问题，但我担心，随着论坛的发展，上下文API会被淹没，并且可能会减慢应用程序的速度。我已经学会了将context API仅仅用于全局上下文，论坛只是应用程序的一小部分。然而，我需要使用大量的数据(如下面的代码)使用SSR和ISR实现更多次的支持钻削，因此，上下文API可能会导致瓶颈。一个人应该选择做
浏览 2提问于2022-05-23得票数 0
我正在用MongoDB制作静态Next.JS应用程序。 在我的静态Next.JS应用程序中，我可以使用api route来构建页面吗？例如，在getStaticProps中使用GET方法获取产品？或者这是一种糟糕的方法。 现在我使用文档中的经典方法(直接调用db，比如 等)。 提前感谢大家的帮助！
浏览 80提问于2021-02-28得票数 0
回答已采纳
我有一个用Next.js构建的现有项目，但这两种呈现方法中没有一种是在某些页面中定义的。
如果getStaticProps和getServerSideProps都不存在，这些页面是如何呈现的？
浏览 4提问于2022-01-05得票数 2
回答已采纳
我刚开始使用typescript和next.js。我正在使用Vercel部署一个Next.js will应用程序，它将使用Prisma从heroku postgresSQL数据库中提取数据。我尝试使用observable/d3在页面上呈现一些数据，使用getStaticProps获取数据，然后将其传递给主页组件。 export const getStaticProps: GetStaticProps = async () => {
let data: Array<object> = await prisma.test.findMany()
console.l
浏览 31提问于2021-11-10得票数 0
1回答
我是相当舒服的反应和传递状态到组件和设置一个CSR应用程序，但我有点混淆了Next.js。我有时理解为SSR页面提供服务的好处，但我很难理解如何将这两者联系在一起。我正在制作一个基本的应用程序使用菲利普斯色调API。我认为我所处的位置：
I想提供一个SSR i getStaticProps()来更新仪表板上的版本，我希望允许用户与应用程序交互，并使用React的状态将信息传递给组件。
问题：
，我需要在此时呈现客户端页面吗？，我是否可以将状态添加到next.js文件中，让用户在同一页面上进行交互而不必呈现另一个页面？，如何将JSX添加到下一步，还是应该将Next.js更像节点服务器？
谢谢你的
浏览 2提问于2020-10-24得票数 1
我有两个主文件夹backend laravel和frontend for next.js
我已经在我的/lib/axios.ts中配置了axios文件
我还创建了fetcher文件，您不需要在其中指定后端的绝对url路径，因为它已经在axios中配置好了
我的next.js应用程序和laravel之间的连接非常好，但是当我试图在getStaticProps页面文件中使用getStaticProps并使用dashboard.tsx获取器时，我得到了这个错误。
这是我的密码。
我喜欢做的是做一个预填充数据，其中初始页面加载应该在我的仪表板页面中有一个默认数据
浏览 7提问于2022-09-01得票数 0
我正在尝试使用getStaticProps (Next.js)呈现一个登陆页面，但它的行为并不像预期的那样。这是我的组成部分：
import { GetStaticProps } from 'next'
const Brief = (props) => {
console.log(JSON.stringify(props)) // returns an empty object
return (
<>
{props[0]}
{props[1]}
{pro
浏览 1提问于2021-02-09得票数 1
回答已采纳
1回答
有许多方法可以从next.js中的apis中获取数据。
getServerSideProps，getStaticPaths，getStaticProps，增量静态再生和客户端呈现。
如果我必须对任何状态的变化提出后端请求，我是否可以使用除客户端呈现之外的其他数据提取方法？
我来自React.js背景，其中客户端呈现主要是使用。
不同抓取方法的具体用例是什么？
我可以始终只在Next.js中使用客户端呈现吗？
浏览 2提问于2022-05-18得票数 0
我使用Next.js和Javascript，我需要检查getStaticProps函数中的页面变量。例如。对于网站https://.../page?id=1，我必须读取id变量。
如果可能的话，我想使用下一个/路由器库。
浏览 9提问于2022-05-07得票数 0
我在一个新项目中使用了Next.js版本12.0.4，在之前的项目中使用了Next.js版本10。 在构建时静态站点渲染有什么变化吗？当我使用包含大量.js文件的html文件执行npm run build (依次执行“下一次构建和下一次导出”)时，它会呈现我所有的输出页面，而不是我所期望的原生文本“内容”。 也就是说，输出中没有任何标准的HTML、<h2>等，只有一堆供客户端使用的<h1>。 以前版本的Next.js (或者可能是我的配置？)呈现纯的、已完成的HTML似乎很好。 我正在尝试呈现一个简单的About页面(没有动态路由，没有此路由的动态道具)，虽然它在&#
浏览 22提问于2021-11-16得票数 0
2回答
我有一个显示在全球的菜单组件。在该组件中获取数据的最佳实践是什么？
我试图利用Next.js提供的静态生成，但是来自Next.js团队的所有指导都与页面有关。getStaticProps和getStaticPaths似乎属于页面生成，而不是组件的数据。他们的SWR包是正确的答案，还是阿波罗客户？
通常，在基于钩子的反应中，我只需将数据调用放到useEffect中即可。我不知道如何解释这一点，因为所有内容都是在构建时使用Next呈现的。
浏览 0提问于2020-08-19得票数 15
回答已采纳
我基本上是在Next.js上开发一个博客。因为它是负责后端的另一个团队，所以我目前正在从getStaticProps进行fetch API调用，以获取我的文章，尽管直接进行数据库查询是更好的实践：
export async function getStaticProps({ params, res }) {
try {
const result = await fetch(`${API.baseURL}/get_article/${params.id}`);
const article = await result.json();
re
浏览 17提问于2020-07-02得票数 5
回答已采纳
我读过Next.js文档，我知道如何使用getStaticProps和getStaticPaths。 我遗漏的是它们实际上是如何协同工作的？我的意思是什么时候调用getStaticProps (当在slug.js文件中与getStaticPaths一起使用时)？ 在我的分析中(我不确定)，我认为getStaticProps是在getStaticPaths的循环中“如何”调用的，所以getStaticPaths在它的"paths“变量中为每个对象运行getStaticProps，对吗？ 在下面的代码片段中查找我的注释： export async function getStaticPa
浏览 99提问于2021-06-19得票数 1
回答已采纳
我使用动态路由并使用fallback:true选项来接受新创建的页面 首先，我检查参数是否为真，然后创建相关的道具，并使用该道具显示组件。在控制台中，我还可以看到next.js为相关页面创建了新json文件，以便下次对同一页面的请求不会再次转到服务器。 但即使我输入了错误的地址，接下来也会为该路径创建新的json文件。这意味着next.js会为每个错误的路径请求创建json文件。 如何避免这种易受攻击的方法？ export const getStaticProps: GetStaticProps = async ({ params }) => {
if (params.slug[0
浏览 33提问于2020-09-25得票数 0
1回答
Next.js项目中的几个页面存在与npm run build相关的问题，这些问题会导致npm run build上的错误，并阻止构建该项目：
pages/
foo/
bar/
[id].jsx
index.jsx
index.jsx
...
例如，bar
export function getStaticProps() {
return someApiCallThatCurrentlyFails()
...
}
export default function Bar() {...}
作为一个快速修复，它可能是方便的只是不构建bar/*
浏览 4提问于2021-03-30得票数 7
回答已采纳
我有一个关于getStaticProps和getStaticPaths的页面，我注意到加载页面需要一些时间，直到前端什么都没有显示出来。我想显示一个简单的文本“请等待页面加载.”给我的用户提供更好的用户体验。如何使用next.js实现这一目标？
这是我的代码结构
export const getStaticProps = async(path)=> {}
export const getStaticPaths = async()=> {}
export default MyPage (props) => {
}
我想知道装载状态，然后做这样的事情
if(loading)
浏览 8提问于2022-08-27得票数 1
我是Next.js新手，我一直试图在我的Next.js应用程序的动态页面中使用getStaticProps，我得到了以下错误：
错误:动态SSG页面需要getStaticPaths，“/query/itMid”缺少getStaticPaths
[itmid].jsx
function Query({ posts }) {
return (
{posts.map((itm, k) => {
return (
<>
<Head>
&l
浏览 1提问于2022-02-08得票数 4
根据next.js的当前文档，通过向getStaticProps和getStaticPaths提供路由数据来处理动态路由。
当在构建期间从数据库中获取路由数据时，什么概念将使我能够使用或不使用getStaticProps()和getStaticPaths()实现动态路由？
浏览 3提问于2020-10-03得票数 1
1回答
--您不应该从getStaticProps中获取API路由--相反，您可以直接用getStaticProps编写服务器端代码。
上面的句子来自next.js的官方文档，我觉得它令人困惑。
这是说我不应该对restful执行ajax请求吗？(我正在使用节点快速应用程序作为后端)。
我是next.js的新手，在我使用和mongodb作为数据库之前。我使用moongose包进行与数据库相关的查询。
如果我不应该执行ajax请求，那么如何处理与数据获取相关的事情呢？我能直接用驼鹿吗？
//the way i want to do
getStaticProps(){
//here i
浏览 0提问于2020-06-26得票数 1
回答已采纳
2回答
我试图理解为什么Next.js将我的一些页面构建为SSG，而有些则是静态的，而这些页面都在使用getStaticProps。
让我们以我的404页为例，它使用getStaticProps使用graphql从棱镜中获取数据。在我看来，它是作为一个静态网站呈现为SSG (因为它使用getStaticProps)。
我在我的500页中做了完全相同的事情，但是使用了不同的graphql查询，并且它被呈现为SSG (在我看来是正确的)。
为什么会这样呢？
404页：
const NotFound = ({ data: { page } }) => {
return (
&l
浏览 2提问于2021-04-29得票数 9
回答已采纳
我正在开发一个Next.js应用程序，这种类型存在于页面中定义的getStaticProps方法上：
export type GetStaticProps<
P extends { [key: string]: any } = { [key: string]: any },
Q extends ParsedUrlQuery = ParsedUrlQuery,
D extends PreviewData = PreviewData
> = (
context: GetStaticPropsContext<Q, D>
) => Promise<G
浏览 9提问于2022-08-15得票数 2
回答已采纳
我在项目中使用了nextjs getStaticProps特性，一切都很好。
在将静态文件上传到iis之后，它的功能将在配置urlRewrite模块之前无法工作。因此，当我第一次访问一个页面时，在刷新整个页面之前不会触发getStaticProps。下面是用于urlRewrite模块的代码：
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rul
浏览 2提问于2022-08-14得票数 0
我正在使用Next.js 9.3.5与阿波罗和GraphQL一起进行我正在进行的一个SSR项目。我已经实现了官方页面中提供的这个示例：
所以我的页面是这样的：
import { withApollo } from '../apollo/withApollo';
const Collections = (props) => {
// ...
}
export const getServerSideProps = async ({ apolloClient }) => {
console.log(apolloClient); // returns und
浏览 2提问于2020-05-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
