【无标题】web端原生html项目在版本更新后不同缓存及时更新的方法

1. 前情

项目代码更新部署后，浏览器仍然使用缓存，初始所见即为未修改时的代码，需要强制清除缓存后才能正常显示。

2. 解决方法

在页面引入的css和js文件后加上?v=1234等字样，即为文件的版本号。
当版本号改变时，浏览器将不会使用缓存，而是直接更新至最新的代码。

• 动态添加版本号：

<script type="text/javascript">
document.write('<script type="text/javascript" charset="UTF-8" src="__STATIC__/webuploader/?v='+Math.random()+'"><\/script>');
document.write('<link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/?v='+Math.random()+'"/>');
</script>

• 1
• 2
• 3
• 4
• 5

参考文章：/chen_bo526/article/details/103923070