web发布新版本,前端页面如何自动刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web发布新版本,前端页面如何自动刷新相关的知识,希望对你有一定的参考价值。

参考技术A 创建一个文件version.json

定时去请求这个文件,将返回的version与当前环境变量中的VUE_APP_BUILD_VERSION做比较,
如果不同,则表示版本更新,就reload()。
因为当版本更新,请求到的version会更新,而本地的环境变量尚未更新。

那么version.json是如何更新的呢

使用gitlab的CI/CD部署环境
看一下.gitlab-cli.yml配置文件

那么version.json里为什么定义VUE_APP_BUILD_VERSION,如何替换成真正的版本号的呢,就在deploy.sh中。
grep -rl tttt /data/ 命令在 /data 目录下面搜寻包含tttt字符的命令
遍历dist下的文件,将VUE_APP_BUILD_VERSION替换成真正的version
因为variables下定义了VUE_APP_BUILD_VERSION的值,所以可以获取,如果不在variables下定义,就得在对应的任务下的variables下定义,才能在对应任务中获取到。

gitlab-ci配置详解(一)
gitlab-ci配置详解(二)
grep -rl tttt /data/ 命令在 /data 目录下面搜寻包含tttt字符的命令

12月14日始
12月14日发布第一稿

以上是关于web发布新版本,前端页面如何自动刷新的主要内容,如果未能解决你的问题,请参考以下文章

html页面局部刷新

如何使用django实现某页面的自动刷新

前端网页自动刷新的3种方法

前端网页自动刷新的3种方法

PHP自制Log日志文件查看器 - 读取log文件最后100行 - JS自动倒计时刷新页面

ssm项目实现删除操作后如何使查询出来的数据页面自动刷新?