H5頁(yè)面緩存問(wèn)題該如何解決？動(dòng)力節(jié)點(diǎn)小編來(lái)告訴大家。

場(chǎng)景：

掃描二維碼進(jìn)入H5頁(yè)面，開(kāi)發(fā)更新過(guò)H5頁(yè)面后此時(shí)的頁(yè)面并不是最新的，需要刷新一下才能更新

解決方法

1.給地址添加一個(gè)隨機(jī)參數(shù)，避免緩存

如：

先定義一個(gè)方法，獲取獲取路徑中的隨機(jī)參數(shù)

GetQueryString(name){ //獲取路徑中的參數(shù)
	     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	      var r = window.location.search.substr(1).match(reg);
	      if(r!=null)return decodeURI(r[2]); return null;
}

在onLoad/頁(yè)面首次加載時(shí)調(diào)用，判斷頁(yè)面路徑中是否有隨機(jī)參數(shù)，沒(méi)有的話加上隨機(jī)參數(shù)，并重新加載，就不會(huì)有緩存了

onLoad() {
			var random = this.GetQueryString('random'); // 獲取路徑中的的參數(shù)random
			if (!random) { // 首次打開(kāi)時(shí)是沒(méi)有random參數(shù)的，所以接下來(lái)地址加上參數(shù)，然后重新加載，重新加載時(shí)已經(jīng)又random了就不會(huì)再執(zhí)行這里了。
			    location.replace(location.pathname + '?random=' + Math.random());
			    setTimeout(function () {
			        location.reload();
			    }, 300);
			}
		}

2.修改head塊

  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">