实时更新未反映在Next.js应用程序的前端

dgjrabp2  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(142)

我正在开发一个nextjs应用程序(nextjs版本13.4.2)。在我的应用程序中,在pages/API中,我创建了3个文件- delete.js,process.js,upload.js。
所有3个功能在我的本地主机和vercel部署上都工作得很好,但唯一的问题是我必须在每次操作后手动刷新页面才能在屏幕上看到结果。例如,点击上传按钮后,pdf确实上传成功,但它仍然不会出现在Web应用程序的前端,除非我手动刷新屏幕。
我希望一旦后端发生变化,它应该反映在前端。
就像如果我按下删除按钮,它应该从数据库中删除文件,该文件不应该在前端可见了,而不是我必须手动刷新页面的文件去。
这里的问题是什么,我如何解决它?

uemypmqf

uemypmqf1#

您的问题没有任何代码示例,因此您可能需要了解数据重新验证的概念。
两个主要的策略“后台重新验证”和“按需重新验证”都可能对您有用。

  • 后台重新验证以可定制的时间间隔刷新数据,例如每60秒一次。
  • On-demand允许您在获取某些数据时设置标记,稍后,当数据成功更新时,您可以使用revalidatePath重新验证标记。或者您可以使用revalidatePath重新验证整个页面。

有关详细信息,请参阅文档:https://nextjs.org/docs/app/building-your-application/data-fetching/revalidating#on-demand-revalidation

相关问题