静态文件缓存问题

• 问题描述

在日常的项目中，在浏览器加载静态文件，会遇到浏览器缓存的问题。

浏览器会默认使用缓存，当我们修改了静态文件，如css/js/image/docx时，

会无法获取最新的资源

• 解决

  1. 在url后添加时间戳new Date().getTime()

  2. 在url后添加随机数Math.random()

• 示例

<script>
    document.write('<link href="../css/main.css?v=' + new Date().getTime() + '" rel="stylesheet" type="text/css"/>');
</script>

<script>
    document.write('<link href="../css/main.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
</script>