vue项目版本号更新,清空本地存储

参考:https://blog.csdn.net/milugloomy/article/details/109441169

vue.config.js

 chainWebpack: config => {
    // 使用webpack.DefinePlugin
    config.plugin('define').tap(args => {
      args[0]['process.env'].VUE_APP_VERSION = (function () {
        const now = new Date()
        const version = 'v' + now.getFullYear() + format(now.getMonth() + 1) + format(now.getDate()) + format(now.getHours()) + format(now.getMinutes())
        console.log('当前版本:' + version);
        return `"${version}"`

        function format(num) {
          return num < 10 ? '0' + num : '' + num
        }
      })()
      return args
    })
  },

main.js

// 项目版本号设置--S
const version = process.env.VUE_APP_VERSION
const localVersion = localStorage.getItem('projectVersion')
if (!localVersion || version !== localVersion) {
  localStorage.clear() // 部署新版本后,首次访问清空本地存储
  localStorage.setItem('projectVersion', version) // 设置新版本号
  location.reload()
}
// 项目版本号设置--E