網(wǎng)站如何做關(guān)鍵詞韓國電視劇
防止瀏覽器緩存了靜態(tài)的配置文件
- 前言
- 1、在script引入的時候添加隨機(jī)數(shù)
- 1.1、引入js文件
- 1.2、引入css文件
- 2、通過html文件的<meta>設(shè)置防止緩存
- 3、使用HTTP響應(yīng)頭：
前言
在實(shí)際開發(fā)中瀏覽器的緩存問題一直是一個很讓人頭疼的問題，尤其是我們打包時候防止的靜態(tài)配置文件config.js等文件
1、在script引入的時候添加隨機(jī)數(shù)
1.1、引入js文件
給script引用隨機(jī)數(shù)時尾部的結(jié)束script要加反斜杠（\） 轉(zhuǎn)義
<script type="text/javascript">document.write('<script src="config.js?a='+Math.random()+'"><\/script>');
</script>
1.2、引入css文件
<script type="text/javascript">document.write("<link rel='stylesheet' type='text/css' href='test1.css?random=" + Math.random() + "' />");
</script>
2、通過html文件的設(shè)置防止緩存
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
3、使用HTTP響應(yīng)頭：
在服務(wù)器端設(shè)置HTTP響應(yīng)頭，使用Cache-Control和Expires指令來告訴瀏覽器不要緩存文件。例如，您可以設(shè)置Cache-Control: no-cache, no-store, must-revalidate和Expires: 0。這樣，每次瀏覽器請求該HTML文件時，都會從服務(wù)器重新獲取，而不是從緩存中讀取。