vue前端现在每次发版本想提示用户刷新页面，主要思路如下文章来源：https://www.toymoban.com/news/detail-794540.html
- public 中创建 JSON 文件，设置版本号为数字 1
// version.json
{ "version": 1 }
- 编写 node 脚本，每次发版本，运行脚本将版本号自增 1
// versionHandle.js
const fs = require('fs')
const path = require('path')
const configFile = path.resolve(__dirname, './asd.json')
const data = fs.readFileSync(configFile, 'UTF-8') // 读文件
const newData = JSON.parse(data)
++newData.version
fs.writeFileSync(configFile, JSON.stringify(newData)) // 写入文件
// package.json
"scripts": {
"dev": // ...
// 每次打包运行脚本
"build": "vite build --config ./vite.config.ts && node ./versionHandle.js",
},
- 创建 js 文件，开启 web worker 线程，使用 fetch 轮询 这个 json 文件，若是版本号不同则弹框提示用户，引导用户刷新
fetch('/version.json').then(response => response.json()).then(res => {
console.log(100, res) // 拿到当前版本号，对比本地储存的版本号，若是不一致则弹框
})
注意： worker 中是访问不到 window 、document、和缓存类型 API 的，所以只有 fetch 的轮询操作放在 worker 中，其他操作放在主线程中执行文章来源地址https://www.toymoban.com/news/detail-794540.html
到了这里，关于前端每次发版提示用户的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
