天天看点

VUE项目版本迭代自动更新当前版本的代码 更新 刷新 自动更新静态文件 reload

window.reload是重新加载当前需要的所有内容,也就包括页面和后台的代码,此过程中实际上是从后台重新进行操作;

解决思路:

在APP.vue 中写一个版本号,在静态文件再写一个版本号,相互印证,如果不一样的话,就调用 location.reload() 自动刷新页面

app.vue 代码:

var version = this.version;          //版本号(每次上线前需要更新下版本号)
        console.log('当前版本号common.js:',version)
        var vvv ='1.1.5'
        console.log('当前版本号app.vue:',vvv)
        if(vvv!=version){
          this.version=vvv;
          location.reload();
        }
           

静态文件 common.js 代码:

//common.js
export default { // 公共的js
  install(_this, options) {
    _this.prototype.version = '1.1.5',//版本号
  }
}
           

在mian.js 静态文件中导入:

import common from '../static/common_js/common.js'
Vue.use(common)
           

ok, 这样就会自动更新common.js的静态文件了