前端打包发版后如何用户一个更新提示,该提示会让用户主动去更新当前正在操作的页面,或者在系统有较大更新时,让用户重新更新本地缓存信息,这一操作比较友好,且能避免用户不更新当前系统,导致某些接口依赖更新后的数据而导致接口请求失败报错。
1、后端更新提示
有些情况下,后端需要有发版后更新提示,而此时前端并没有发版,有些情况下也不能实现用户无感知更新,这时候也需要更新提示,从而更新系统。这点就不细讲了,大致原理和前端更新一致。后端需要向前端接口,额外注入更新特殊字段信息。比如后端向前写入cookie时,或者在请求的headers中注入一个变化数据。当前端通过统一拦截器,获取到数据更新是,和本地的之前缓存(可能放在本地缓存或者token,或者cookie中)的旧数据进行对比,然后再不同的时候弹出提示框提醒更新。
2、前端更新提示
2.1 打包阶段
前端在打包时,在更目录下要生成一个版本相关的文件,我这里一version.json为例,其中要包含打包时间,版本信息,以及升级后的内容。这个内容在打包时,将以上信息写入version.json。我这里版本信息,和更新信息取自package.json文件。利用name,version, description,再加上打包时的时间戳信息,共同构成这个文件。当然如果你运维比较牛