首页 > 解决方案 > react-create-app怎么把img保存在里面?

问题描述

我创建了一个在页面上显示标志的简单游戏,如果单击跳过,则会显示下一个标志(src 链接正在更改)等等。如果我断开与 Internet 的连接,我注意到一些标志继续显示;它们可能存储在缓存中。React 是否存储它们或浏览器?

网站链接:www.country-flag-game.synkevych.info

<img className='flag' src={flagUrl} alt={countryName} />;

标签: reactjsimage

解决方案


浏览器将图像、CSS、JS 文件等项目存储在缓存中,以便在用户返回站点后节省带宽并提高页面加载速度。

如果您想从服务器(或前端应用程序内部)硬重置缓存,最好的方法是在文件结尾添加一些哈希,例如en-US.customHash.pngen-US.png?randomlyGeneratedString.

您可以设置 Webpack 为文件添加哈希,因此一旦您的 app.js 文件更改,哈希也会更改,因此浏览器将知道应该重新下载该文件。


推荐阅读