reactjs - react-create-app怎么把img保存在里面?
问题描述
我创建了一个在页面上显示标志的简单游戏,如果单击跳过,则会显示下一个标志(src 链接正在更改)等等。如果我断开与 Internet 的连接,我注意到一些标志继续显示;它们可能存储在缓存中。React 是否存储它们或浏览器?
网站链接:www.country-flag-game.synkevych.info
<img className='flag' src={flagUrl} alt={countryName} />;
解决方案
浏览器将图像、CSS、JS 文件等项目存储在缓存中,以便在用户返回站点后节省带宽并提高页面加载速度。
如果您想从服务器(或前端应用程序内部)硬重置缓存,最好的方法是在文件结尾添加一些哈希,例如en-US.customHash.png
或en-US.png?randomlyGeneratedString
.
您可以设置 Webpack 为文件添加哈希,因此一旦您的 app.js 文件更改,哈希也会更改,因此浏览器将知道应该重新下载该文件。
推荐阅读
- python - 如何将我的课程整合到最终课程中?
- r - 在 R 中为大型数据集添加行
- android - 将 USB 设备连接到 Android 模拟器
- c# - 带有自定义刻度的滑块(标签和速度)
- python - 在 Cloud Dataflow 服务上运行模板
- c# - dotnet pack 可以在不添加其他 nuget 包的内容文件的情况下创建 nuget 包吗?
- c# - 如何从 Web 浏览器控件中获取价值到 Windows 窗体应用程序文本框?
- php - 获取数组中对象内的值
- java - 从列表生成条形图
- elasticsearch - elastalert-create-index 未知的 mimetype 错误