如何阻止 html 网络下载相同的图像?

How to stop html network from downloading the same images?

这是我的游戏:https://colonist.io/

在游戏中有聊天部分,显示谁掷了什么骰子并获得了HTML中写的什么资源。

所以每次掷骰子时都会打印 10 张图像。这些图像中的每一个都进行网络调用。我通常希望网络调用不会下载相同的图像,但由于某种原因它会下载,而且我找不到让浏览器从缓存中使用它的方法。

response headers 设置为:public, max-age=14400 request headers 设置为:cache-control: no-cache

所以我猜问题与请求有关 headers 但我找不到更改它的方法。

我怎样才能让它在打印新的 HTML <img src="../dist/images/card_lumber.svg?v56"> 时不进行额外的网络调用?

这只是一种预感,但请确保您已取消选择 chrome 开发人员工具的网络选项卡中的 disable cache 按钮。: