前端页面防止缓存

方法一

经过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 + "连接没法识别");
			}
		})
	}
}

复制代码

效果