H5頁面緩存問題該如何解決？動力節點小編來告訴大家。

場景：

掃描二維碼進入H5頁面，開發更新過H5頁面后此時的頁面并不是最新的，需要刷新一下才能更新

解決方法

1.給地址添加一個隨機參數，避免緩存

如：

先定義一個方法，獲取獲取路徑中的隨機參數

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

在onLoad/頁面首次加載時調用，判斷頁面路徑中是否有隨機參數，沒有的話加上隨機參數，并重新加載，就不會有緩存了

onLoad() {
			var random = this.GetQueryString('random'); // 獲取路徑中的的參數random
			if (!random) { // 首次打開時是沒有random參數的，所以接下來地址加上參數，然后重新加載，重新加載時已經又random了就不會再執行這里了。
			    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">