vue项目版本更新后无法自动刷新

最新推荐文章于 2024-06-19 16:59:45 发布

一万种可能-码农

最新推荐文章于 2024-06-19 16:59:45 发布

阅读量2.2k

点赞数

分类专栏： vue常见问题浏览器自动刷新

原文链接：https://blog.csdn.net/qq_35713752/article/details/102921315?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160793235116780288290669%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160793235116780288290669&biz_id=0&utm_me

版权

Vue 单页面应用自动更新版本控制 localstorage

关键词由CSDN通过智能技术生成

vue常见问题同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

浏览器自动刷新

1 篇文章 0 订阅

订阅专栏

问题：使用vue做的项目，因为是单页面应用开发无法自动更新迭代
解决方法：
1.在static中创建common.json文件

{
  "version": "1.3.3" // 版本号
}

2.App.vue中

// 我用的是ts不能使用ex6导入,如果没有用到ts用es6导入也可以
var configJson = require('./static/common.json')

created() {
 	const version = configJson.version;  //版本号（每次上线前需要更新下版本号）
    console.log('最新版本号common.js：',version)
    const clientVersion =localStorage.getItem('_version_')
    console.log('当前版本号app.vue：',clientVersion)
    if(clientVersion !== version){
      console.log('configJson', configJson);
      localStorage.setItem('_version_', version)
      window.location.reload()
   	}