当浏览器要访问一个某个资源时，浏览器会通过资源的URL来判断是否读取缓存中的内容。由于浏览器存在缓存，所以会导致服务器上的内容修改了，但是在浏览器却显示没有变化。
为了解决这个问题，可以在每次请求的时候加一个随机数参数或者时间戳。它的作用就是让浏览器误以为请求的是一个新链接，这样浏览器就不会去读取缓存里的内容。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--设置过期时间设置0为直接过期并清除缓存-->
<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">
<title>test</title>
</head>
<body>
<div id="test">
</div>
</body>
<script type="text/javascript">
//js后缀加个时间戳每回更新都会改变，浏览器视其为新的js不会进行缓存
document.write('<script type="text/javascript" src="http://t.zoukankan.com/js/test.js?time='+new Date().getTime()+'"><'+'/'+'script>');
//css也同上
document.write('<link rel="stylesheet" href="http://t.zoukankan.com/css/test.css?time=' + new Date().getTime() + '"/>');
</script>
</html>
弊端：因为缓存可以减少对服务器的直接访问，减少服务器的压力。浏览器不读取缓存里的内容之后，每次都会访问服务器，这样就会增加服务器的压力。
---------------------
作者：Roger_CoderLife
来源：CSDN
原文：https://blog.csdn.net/Roger_CoderLife/article/details/83021360
版权声明：本文为博主原创文章，转载请附上博文链接！
如何让前端浏览器不进行缓存
摘要：
当浏览器想要访问某个资源时，浏览器会通过资源的URL判断是否读取缓存中的内容。由于浏览器具有缓存，服务器上的内容将被修改，但浏览器显示不会更改。它的功能是使浏览器错误地接收到新链接的请求，从而使浏览器不会读取缓存中的内容--设置为不缓存页面--˃test”）；缺点：因为缓存可以减少对服务器的直接访问，并减轻服务器的压力。
免责声明：文章转载自《如何让前端浏览器不进行缓存》仅用于学习参考。如对内容有疑问，请及时联系本站处理。
上篇Gin框架软件测试人员必备的32个网站清单，果断收藏了！下篇
宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=