前端部署后浏览器缓存问题
Published in:2023-11-09 |

前端部署后浏览器缓存问题

前端部署后,用户并不是最新的页面,需要手动清缓存,才获取到最新的页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//设置浏览器在接收到网页时,不应该从缓存中加载,而应该从服务器重新获取。
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
//告诉浏览器不要将网页保存在本地存储器中。
<meta http-equiv="Pragma" content="no-cache" />
//设置网页的到期时间是0,即网页不会在缓存中过期。这样可以确保每次访问网页都是从服务器重新加载最新的版本,以保持网页内容的最新性。
<meta http-equiv="expires" content="0" />


<script>
//通过添加时间戳来加载配置文件的脚本
var t = "?t=" + Date.parse(new Date());
//<%= BASE_URL %>是url
document.write('<script src="<%= BASE_URL %>config/index.js' + t + '"><\/script>');
</script>
//通过添加时间戳,这个脚本可以确保每次加载配置文件时都会使用一个新的URL,这样防止浏览器缓存导致的加载问题
Next:
个人博客搭建