如何在 Next 应用程序中缓存动态图像？

Question

我收到来自 api 的响应，它是一个对象列表。该对象包含属性 imageUrl，它是图像的链接。如何为该图像设置缓存控制？

Answer 1

在项目的“next.config.js”文件中添加以下代码以缓存图像 60 秒：

module.exports = {
  images: {
    minimumCacheTTL: 60,
  },
}

您可以更改缓存时间（以秒为单位），而不是 60。

这是 Next.js 官方文档 https://nextjs.org/docs/api-reference/next/image#style