Vue 打包部署,自動清理緩存


在Vue開發中遇到打包部署之后總是要手動清除瀏覽器緩存數據的問題,此問題可以用下方式:
1、package.json文件中有一個管理版本號屬性:version,在我們每次打包部署之前修改當前版本號
2、在入口文件main.js文件中,加入版本號的判斷邏輯,版本號不一致就重新加載,代碼如下:

    const VUE_APP_VERSION = require('../package.json').version
    const vers = window.localStorage.getItem("Version");
    if(VUE_APP_VERSION != vers){
      localStorage.clear()
      window.localStorage.setItem("Version", VUE_APP_VERSION);
      location.reload()
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM