对于在react项目开发中每次发版存在浏览器缓存问题解决办法

newsning 发布于2019-08-23 16:27 / 852人阅读

摘要：前言首先，我们在进行开发前要有一个思路判断当前版本与前一个版本是否相同，不同就刷新页面。在每次运行时新建一个文件模块用于对系统文件及目录进行读写操作。通过进行写入文件在文件家中就会出现文件，这个文件的内容为随机数。

前言

首先，我们在进行开发前要有一个思路：
判断当前版本与前一个版本是否相同，不同就刷新页面。

1. 在每次运行时新建一个js文件

（fs模块用于对系统文件及目录进行读写操作。）
通过fs进行写入文件：

const Version=new Date().getTime();
var content ="getVersion(""+Version+"")"
fs.writeFile("public/version.js",content,function(err){
  if(err){
    return console.log(err)
  }
})

在public文件家中就会出现version.js文件，这个js文件的内容为随机数。内容如下：

再进入页面调用路由的时候引入这个js文件

{
            var versionScript=document.createElement("script");
            versionScript.src=window.location.origin+"/xxx/xxx/xxx/version.js?v="+new Date().getTime();
            var s=document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(versionScript,s)
        }}>
        //...

进行对比js文件然后决定是否刷新

结语

这个方法绝大部分浏览器是没有问题的，开发结束后打开线上项目会出现一次闪屏，就说明我们的操作是成功的！

GPU云服务器云服务器此网站安全证书存在问题怎么解决 php项目中缓存 webrtc在webview中使用问题在浏览器中使用webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103036.html

Api项目设计攻略

摘要：总结一下数据保护的技术点参数传输使用密文，可以使用对称加密非对称加密或者两者的结合，比如请求就是属于两者结合的方式。安全性一些常用的安全问题都要考虑到，并且在项目框架底层进行防范，例如攻击注入问题单用户或者单的访问频率控制来进行防攻击。 App所有数据都来源于服务器，App和服务器交互普遍是采用http请求接口的方式，那么在搭建和维护一个后端Api项目时候需要注意哪些问题呢？ 1. 数...

scq000 2019-06-21 16:44 评论0 收藏0
基于Nodejs的前端灰度发布方案_20190228

摘要：基于的前端灰度发布方案灰度发布和测试简介灰度发布将某个功能灰度发布逐渐放量给特定线上人群，避免新功能全量上线带来的风险。如果我们把这些版本信息管理起来，并且通过特定的手段对用户请求应用测试就可以完成前端不同版本的灰度发布。基于Nodejs的前端灰度发布方案 1. 灰度发布和A/B测试简介灰度发布将某个功能灰度发布（逐渐放量）给特定线上人群，避免新功能全量上线带来的风险。 show...

xiangchaobin 2019-08-23 15:33 评论0 收藏0
一个变相的服务端渲染系统

摘要：很多同学肯定都想过服务端渲染的问题。然而一看关于服务端渲染的文档，可能就被唬住了。啪啪啪，啪啪啪好，然后就好了，不到行的代码，我们就实现了一个通用化的服务化的单页应用服务端渲染解决方案。前端发展到现在，SPA应该已经被应用的非常广了。可惜的是，我们前进的是快，而人家搜索引擎爬虫跟用户的浏览器设备还跟不上脚步。辛辛苦苦写好的单页应用，结果到了SEO跟浏览器兼容这一步懵逼了。很多同学肯...

smallStone 2019-08-21 16:51 评论0 收藏0
必看！互联网开发模式的经验之谈

摘要：架构设计实体化单元测试敏捷开发讲究要快速的修改代码，我们往往会发现，代码修改的越频繁，越多，这似乎是一个无法解决的矛盾。本文由云+社区发表，作者：韩伟互联网开发的核心问题当我1999年进入互联网行业工作的时候，华为刚刚通过了著名的CMM认证。当时作为一个小程序员，非常向往业界经典的软件开发模式。因为看上去，如果企业实行了CMM，我们程序员就不用再天天为了老板一个拍脑袋的主意而加班...

宠来也 2019-08-23 14:38 评论0 收藏0