前端頁面防止緩存

方法一

經過meta標籤

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
複製代碼

方法二

自動加時間戳後綴，這個比較靠譜

function loadFile(arr) {
	let now = new Date();
	let timestamp = "?t=" + now.getTime();
	let head = document.getElementsByTagName("head")[0];

	if(arr) {
		arr.forEach(el => {
			let endStr = el.slice(-3);
			if(endStr === '.js') {
				let sc = document.createElement("script");
				sc.type = "text/javascript";
				sc.src = el + timestamp;
				head.appendChild(sc);
			} else if(endStr === 'css') {
				let link = document.createElement("link");
				link.type = 'text/css';
				link.rel = 'stylesheet';
				link.href = el + timestamp;
				head.appendChild(link);
			} else {
				console.log(el + "連接沒法識別");
			}
		})
	}
}

複製代碼

效果