有什么方法可以防止 NextJS 中的多个相同的 API 调用？答案

【问题标题】：Is there any way to prevent multiple the same API calls in NextJS?有什么方法可以防止 NextJS 中的多个相同的 API 调用？
【发布时间】：2022-02-11 19:50:11
【问题描述】：

例如：我有 10 页。对于其中的 8 个，我需要拥有相同的数据。所以在getStaticProps 方法中我做API 调用。但他们是一样的！我不想进行 8 次相同的调用来获取相同的数据。我想打一个电话就可以从任何地方访问这些数据。

我们有解决方案吗？

【问题讨论】：

你可以创建一个系统缓存，如果你的缓存中有数据你可以阻止api调用，你可以设置你的缓存在x分钟后更新的过期时间
@MohsenMahoski 如何设置系统缓存？你能分享一个资源的链接吗？
您可以使用 memory-cache 或 node-cache 之类的包，甚至可以使用 redis 更好地实现
你可以阅读这篇文章：How to cache data in Next.js globally across all pages at build time
@MohsenMahoski 非常感谢！你帮了我！您可以在下面添加答案，我将设置为正确答案

标签： next.js

【解决方案1】：

您可以通过实现一个简单的文件系统缓存在构建时跨所有页面共享数据，当您从您的 api 获取数据时，您可以将其保存在具有特定名称作为 key 的文件中，下次您可以先检查是否有是具有该键的文件并从中获取数据。

【讨论】：