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

Posted 2023-03-28

【中文标题】如何在 Next 应用中缓存动态图像？

【英文标题】：How can I cache dynamic images in Next app?

【发布时间】：2021-09-29 14:31:12

【问题描述】：

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

【问题讨论】：

您可以编写适当的代码以获得准确的答案

那不是很有帮助

几个问题：1) 你是在使用next/image 组件来渲染你的图片吗？ 2) 如果是，您是使用 Next.js 的内置图像优化还是云提供商的优化（参见https://nextjs.org/docs/basic-features/image-optimization#loader）？

【参考方案1】：

检查下一个 js 文档 cache control on image

【讨论】：

已检查。我在那里找不到我的答案。

【参考方案2】：

由于您的问题不清楚，我将尝试根据我的理解回答。构建缓存的一种简单方法是使用字典。可以以图片的url为key，以图片的byte数组或base64字符串为value。

为了进一步优化，您可以在您的语言中使用 LRU 缓存的一些实现或使用 CDN（这是一个更好的主意）。