1.方式一:html添加mata标签(有时候不太好使)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>Document</title>
</head>
<body>
</body>
</html>
2.方式二:只针对js和css文件(有效)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script>
document.write('<link rel="stylesheet" type="text/css" href="css/login.css?
v='+Date.now()+'">')
</script>
</head>
<body>
<script>
document.write("<s"+"cript type='text/javascript' src='./js/login.js?v="+Date.now()+"'></scr"+"ipt>");
</script>
</body>
</html>
3.方式三:服务器端配置响应头(ngix为例)
找到nginx安装目录下的nginx.conf文件,再nginx里面添加如下的内容
location / {
add_header Cache-Control no-cache;
add_header Pragma no-cache;
add_header Expires 0;
}
4.通过构建工具webpack,每次打包构建时生成新的静态文件(推荐使用该方式)