在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()
}