前端单文件入口发布新版本 缓存问题

1<meta http-equiv="pragma" content="no-cache">
2<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
3<meta http-equiv="expires" content="0">

 1const Timestamp = (new Date()).getTime()
 2const gitRevisionPlugin = new GitRevisionPlugin() // 依赖 git-revision-webpack-plugin
 3const VERSION = `${gitRevisionPlugin.branch()}_${gitRevisionPlugin.version()}_${gitRevisionPlugin.commithash()}_${Timestamp}` // git分支+时间戳；这里可以根据自己喜欢的方式加上随机版本号
 4process.env.VUE_APP_VERSION = VERSION // 记录到env，并在vuex中记录，用于后面版本号对比校验
 5
 6const configJSON = require(resolve('public/config.json')) // public文件夹下新建config.json
 7const configFile = path.resolve(__dirname, 'public/config.json')
 8fs.writeFileSync(configFile, JSON.stringify({
 9  ...configJSON,
10  version: VERSION
11}, null, 2))

 1import axios from 'axios'
 2import store from '@/store'
 3import { removeLocalStorage, setLocalStorage } from '@/utils/localStorage'
 4import { MessageBox } from '@/element-ui'
 5
 6const getConfig = () => {
 7  return new Promise((resolve) => {
 8    axios.get(`${process.env.VUE_APP_DOMAIN}/config.json`, {
 9      params: {
10        _t: (new Date()).getTime()
11      }
12    }).then(res => {
13      resolve(res.data)
14    })
15  })
16}
17
18export async function isNewVersion () {
19  if (process.env.NODE_ENV === 'development') {
20    return false
21  }
22  const config = await getConfig()
23  let newVersion = config.version
24  let oldVersion = store.getters.version
25  let isUpdated = oldVersion !== newVersion
26  if (isUpdated) { // 如果version不一致，则清除本地基础数据
27    removeLocalStorage('AREADATA')
28    MessageBox.alert(
29      '系统检测到有新版本，请刷新页面！',
30      '系统提示',
31      {
32        showClose: false,
33        confirmButtonText: '刷新页面'
34      }
35    ).then(() => {
36      setLocalStorage('VERSION', { version: newVersion })
37      window.location.reload()
38    }).catch(() => {
39    })
40  }
41  return isUpdated
42}

1router.beforeEach(async (to, from, next) => {
2  // 判断版本号，如果不一致则提示用户刷新页面
3  const isUpdate = await isNewVersion()
4  if (isUpdate) return false
5...