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

Question

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

游戏中有聊天部分，显示谁掷了哪些骰子并获得了用 HTML 编写的哪些资源。

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

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

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

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

Answer 1

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