html不缓存设置

1、html中设置

<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">

2、响应头

HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，last-Modified，Expires等。

• Pragma
  HTTP1.0中通过Pragma 控制页面缓存，可以设置：Pragma或no-cache。通常设置的值为no-cache，不过这个值不这么保险，通常还加上Expires置为0来达到目的。
• Cache-Control
  HTTP1.1中启用Cache-Control 来控制页面的缓存与否，这里介绍几个常用的参数：
  • no-cache，浏览器和缓存服务器都不应该缓存页面信息；
  • public，浏览器和缓存服务器都可以缓存页面信息；
  • no-store，请求和响应的信息都不应该被存储在对方的磁盘系统中；
  • must-revalidate，对于客户机的每次请求，代理服务器必须想服务器验证缓存是否过时；
• Last-Modified
  Last-Modified指页面的最后生成时间，GMT格式；

3、响应请求头设置

设置响应请求头为Cache-Control: no-cache,max-age=0

响应请求头Cache-Control: no-cache在有的浏览器会缓存

4、js、css、image等资源不缓存设置

保证了html不缓存，这样资源文件只需要在后面拼接时间戳或者版本号就能实现该缓存时缓存，页面更新时保证更新

<link rel="stylesheet" href="../css/index.css?v=2021052001"/>
<script src="../scripts/index.js?v=2021052001"></script>