我有一个反应组件,我使用img标签显示图像----&gt; <img src={url} className="avatar"></img>
当我单击某个特定按钮时,组件会被挂载,当我点击其他位置时,它会被卸载(基本上它就像弹出框一样)。所以问题在于,无论何时安装此组件,都会再次下载来自URL的图像,而不是从缓存中使用。
Q1:那么我需要从缓存中加载什么修改?
Q2:我是否需要编写缓存机制来实现这一目标?
答案 0 :(得分:1)
一旦将图像(以任何方式)加载到浏览器中,它就会出现 在浏览器缓存中,下次加载时会更快 使用,无论该用途是在当前页面还是在任何其他页面中 只要图像在从浏览器缓存过期之前使用。
同样如@pawel所述,请确保服务器发送正确的HTTP标头。我不知道哪种类型的服务器托管您的图片,但这里有一个示例how to enable image caching in Apache。
现金: