1. 定义标识

构建完成后在 dist/index.html 中插入一个 meta 标签,约定一个特殊标识,content 属性记录构建时间戳,如:

2. 记录进入页面的时间点

在应用的初始化代码中获取当前时间戳,作为进入页面的时间点,缓存在内存中。

3. 定时轮询检查

添加 interval 定时器,可自定义间隔时长。在定时器回调中请求 index.html 文件,如 axios.get(window.location.origin),这样获取到的就是 index.html 文件的内容,然后取出其中的 html,找到名为 buildTime 的标签,对比缓存中的时间戳,如果比缓存要新,则代表在进入页面后,资源进行了更新,此时弹窗通知提醒用户系统已更新,请刷新页面。