Parcourir la source

刷新不成功,清除缓存刷新

lifanagju_citu il y a 5 mois
Parent
commit
6cda4fd72b
1 fichiers modifiés avec 9 ajouts et 4 suppressions
  1. 9 4
      src/App.vue

+ 9 - 4
src/App.vue

@@ -26,6 +26,11 @@ onUnmounted(() => {
   if (timer.value) clearInterval(timer.value)
 })
 
+
+// window.location.reload()                      // 方法会根据缓存的有效期和修改时间,决定是否重新从服务器下载内容。如果缓存的内容没有过期或没有修改,就会直接使用缓存,这样可以节省流量和时间
+// window.location.reload(true)                  // true参数会忽略缓存的内容,强制重新从服务器下载所有内容.包括 JavaScript 文件,图像,文本文件等。这样可以保证显示网页的最新内容,但是会消耗更多的流量和时间。
+// window.location.replace(window.location.href) // 方法会把浏览器中的临时文件夹的文件删除再重新从服务器下载。这样可以清除一些可能造成问题的缓存文件,但是也会消耗更多的流量和时间。
+
 let ConfirmDone = false
 // 检查版本号
 const checkVersion = () => {
@@ -46,15 +51,15 @@ const checkVersion = () => {
     if (ConfirmDone) {
       return
     }
-    if (res_v === get_v) { // 刷新过的不再刷新,避免刷新不成功但一直刷新
+    if (res_v === get_v && res_v !== vue_version) { // reload(true)刷新不成功,清除缓存刷新
+      localStorage.clear()
+      window.location.replace(window.location.href)
       return
     }
     ConfirmDone = true  // 后续不弹Confirm
     Confirm('系统提示', '发现新版本,将立即刷新页面', { hideCancelBtn: true }).then(() => {
       localStorage.setItem('RES_VERSION', res_v)
-      // window.location.reload() // 方法会根据缓存的有效期和修改时间,决定是否重新从服务器下载内容。如果缓存的内容没有过期或没有修改,就会直接使用缓存,这样可以节省流量和时间
-      window.location.reload(true) // true参数会忽略缓存的内容,强制重新从服务器下载所有内容.包括 JavaScript 文件,图像,文本文件等。这样可以保证显示网页的最新内容,但是会消耗更多的流量和时间。
-      // window.location.replace(window.location.href) // 方法会把浏览器中的临时文件夹的文件删除再重新从服务器下载。这样可以清除一些可能造成问题的缓存文件,但是也会消耗更多的流量和时间。
+      window.location.reload(true)
     })
   }).catch(err => {
     console.log('checkVersion-err', err)