Nextjs 图像缓存失效

Question

我正在使用 aws s3 存储桶来存储我的资产。当任何现有资产从前端更改时（例如：客户更改了他的个人资料图片），我制作的后端将仅更改资产而不触及 url。现在这是我网站上的问题，我在getStaticProps中使用revalidate但仍然因为链接相同，图像的缓存版本没有更新，所以有什么方法可以以编程方式更新这些图像缓存？

顺便说一句，当我单击 DevTools 并从“网络”选项卡查看预览时，它显示了资产的正确版本

Answer 1

如果将时间戳添加到图像 URL 作为查询参数，则它可以与客户端渲染一起使用。不确定服务器端渲染。试一试。

const url = 'http://someHost.someBucket.someImageName.jpeg'
const timeStamp = new Date().getTime()
<img src={`${url}?${timestamp}`} />