使用 NextJS 在 Vercel 上重新验证不起作用答案

【问题标题】：Revalidate doesn't work on Vercel using NextJS使用 NextJS 在 Vercel 上重新验证不起作用
【发布时间】：2021-12-09 16:54:38
【问题描述】：

我使用了 Vercel 文档中提供的示例，每 15 秒后从 MongoDB 获取数据，但不幸的是该功能不起作用。我应该怎么做才能使其按预期工作？

export async function getStaticProps() {
  const allData = getSortedData();

  const client = await clientPromise;
  const isConnected = await client.isConnected();
  const alerts = await client.db()
    .collection("alerts")
    .find({})
    .limit(6)
    .toArray();
  const alertsData = JSON.parse(JSON.stringify(alerts));

  return {
    props: {
      allData,
      isConnected,
      alertsData
    },
    revalidate: 15,
  };
}

【问题讨论】：

请记住，重新验证不会在 15 秒后自动发生。对该页面的请求需要触发服务器上的重新验证。请参阅此相关问题：How does the revalidate process in Incremental Static Regeneration work?。

标签： reactjs mongodb next.js vercel getstaticprops

【解决方案1】：

因此，重新验证不仅仅是每 15 秒获取一次新数据。它在构建时生成页面，将其作为缓存中的静态内容提供，然后等待下一个用户触发新的构建。新用户第一次触发构建时，他/她将看到一个陈旧的页面。然后在后台生成新页面并提供给下一个刷新特定网页的用户。

这是一个由 Lee Robinson 解释的带有时间戳的快速视频。 https://youtu.be/nrfuN_Hyd3Y?t=112

我希望这会让你更清楚！

【讨论】：

是的，完全正确。这就是我想要达到的目标。代码的问题在哪里？我不明白。
代码看起来很好，你确定数据已经改变了吗？（仅供参考，重新验证仅在您构建和启动应用程序时有效。在开发模式下，它只是服务器呈现它）

【解决方案2】：

使用 SWR 重新验证数据。这是文档的链接： SWR documentation

【讨论】：