VUE3+VITE 发版后的应用检测更新

139 阅读1分钟

思路

  1. 构建(build)阶段,利用 fs 往根目录写入版本文件(version.json)
  2. vite.config.js 添加版本默认参数
  3. 路由拦截beforeEach,获取 version.json,与版本默认参数做对比,如果存在版本差异则reload

重点:nginx 去掉index.html version.json 缓存

verson.json 可自定义添加自己的版本描述等

具体实现

  1. 编写vite 插件 versionUpdatePlugin.js

code.png 2. vite.config.js 添加默认参数,添加插件

code.png 3. 拦截器实现

code.png