React解决生产环境版本迭代时的缓存问题

 时间:2026-02-12 12:13:38

1、在静态文件目录下新建一个version.js文件,用来控制版本号,作用就是每一次访问的时候比对我们存储的版本号和更新文件里存储的版本号是否一致。

代码内容入图所示,

React解决生产环境版本迭代时的缓存问题

2、原理就是在访问的时候,我们去检查本地存储里面有没有我存储版本号,如果没有存储那存储到本地并且将版本号带到URL中强制刷新一次。

如果本地存储中包含版本号,就去判断版本号和我的更新文件中的版本号是否一致,如果一致则不做处理,不一致则强制刷新。

React解决生产环境版本迭代时的缓存问题

3、很显然这也不能完全的解决问题。还需要另一种一种方式结合使用。

4、在静态文件目录中新建一个m.manifest文件,至于这个文件是什么作用不清楚的可以自行百度一下。

React解决生产环境版本迭代时的缓存问题

5、需要在index.html页面的html 标签中插入

<html manifest="%PUBLIC_URL%/m.manifest"></html>

  • eclipse修改jsp导致tomcat重启怎么办
  • plsql developer如何oracle数据库scott用户解锁
  • TortoiseSVN使用第三方工具对比文件
  • eclipse的背景颜色和字体样式设置
  • js如何删除某个html标签下的某个子标签
  • 热门搜索
    海尔洗衣机怎么样 刘谦为什么突然不火了 疤痕增生怎么办 心愿卡怎么做 胃胀打嗝怎么办 麦多馅饼的做法 鱿鱼干怎么做好吃 腰间盘突出怎么冶 舌苔厚白是怎么回事 100种水晶泥的做法大全