menduner/src/App.vue

<script setup>
import { RouterView } from 'vue-router'
import { ref, onMounted, onUnmounted, nextTick } from 'vue'
import Confirm from '@/plugins/confirm'
import axios from 'axios'

const timer = ref(null)
const setIntervalTime = 3000 // 接口调用间隔时间

function open () {
  if (timer.value) clearInterval(timer.value)
  timer.value = setInterval(() => { checkVersion() }, setIntervalTime)
}
onMounted(() => {
  nextTick(() => {
    console.log('baseurl:', import.meta.env?.VITE_BASE_URL, 'version:', import.meta.env?.VITE_VERSION) // 打印
    const process_ENV = process?.env?.NODE_ENV || ''
    if (process_ENV === 'production' || process_ENV === 'development') {
      open()
    }
  })
})
onUnmounted(() => {
  if (timer.value) clearInterval(timer.value)
})

let ConfirmDone = false
// 检查版本号
const checkVersion = () => {
  const baseUrl = import.meta.env.VITE_BASE_URL || ''
  const env_v = import.meta.env?.VITE_VERSION || ''
  const tenantId = import.meta.env?.VITE_TENANTCODE || ''
  const get_v = localStorage.getItem('RES_VERSION') || ''
  // 
  if (!baseUrl || !env_v || !tenantId) return
  axios.get(`${baseUrl}/app-api/menduner/system/get/version`, {
    headers: { ['tenant-id']: tenantId },
    cache: 'no-store' // 禁用缓存
  }).then((res) => {
    const res_v = res?.data?.data || ''
    if (!res_v || res_v === env_v ) { // 接口报错和版本一致不弹Confirm
      return
    }
    if (ConfirmDone) {
      return
    }
    if (res_v === get_v) { // 刷新过的不再刷新，避免刷新不成功但一直刷新
      return
    }
    ConfirmDone = true  // 后续不弹Confirm
    Confirm('系统提示', '发现新版本，将立即刷新页面', { hideCancelBtn: true }).then(() => {
      localStorage.setItem('RES_VERSION', res_v)
      window.location.reload()
    })
  }).catch(err => {
    console.log('checkVersion-err', err)
  })
}
</script>

<template>
  <v-app>
    <RouterView />
  </v-app>
</template>

<style scoped>
</style>