feat: 添加资源版本控制以防止浏览器缓存

在config.js中添加__ASSET_VERSION__全局变量
修改index.html中资源加载方式,通过添加版本号参数避免缓存问题
This commit is contained in:
zhouyonggao 2025-12-03 14:58:30 +08:00
parent 9f1fdba946
commit 4f6bd23837
2 changed files with 14 additions and 5 deletions

View File

@ -1 +1,2 @@
window.__API_BASE__ = 'http://ymtexporttool.cdlsxd.cn:8077' window.__API_BASE__ = 'http://ymtexporttool.cdlsxd.cn:8077'
window.__ASSET_VERSION__ = window.__ASSET_VERSION__ || String(Date.now())

View File

@ -4,8 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>MarketingSystemDataTool</title> <title>MarketingSystemDataTool</title>
<link rel="stylesheet" href="./vendor/element-plus.min.css"> <script>
<link rel="stylesheet" href="./styles.css"> var __v = window.__ASSET_VERSION__ || String(Date.now());
var __addCss = function(h){ var l=document.createElement('link'); l.rel='stylesheet'; l.href=h+'?v='+__v; document.head.appendChild(l); };
__addCss('./vendor/element-plus.min.css');
__addCss('./styles.css');
</script>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
@ -306,8 +310,12 @@
</el-dialog> </el-dialog>
</div> </div>
<script src="./config.js"></script> <script src="./config.js"></script>
<script src="./vendor/vue.global.prod.js"></script> <script>
<script src="./vendor/element-plus.full.min.js"></script> (function(){
<script src="./main.js"></script> var v = window.__ASSET_VERSION__ || String(Date.now());
function load(src){ return new Promise(function(res, rej){ var s=document.createElement('script'); s.src=src+'?v='+v; s.onload=res; s.onerror=rej; document.body.appendChild(s); }); }
load('./vendor/vue.global.prod.js').then(function(){ return load('./vendor/element-plus.full.min.js'); }).then(function(){ return load('./main.js'); });
})();
</script>
</body> </body>
</html> </html>