当前位置:首页 > 行业动态 > 正文

如何让html页面不缓存

要让HTML页面不缓存,可以通过设置HTTP响应头来实现,以下是一些常用的方法:

1、使用meta标签设置HTTP响应头

在HTML页面的<head>标签内添加以下代码:

<meta httpequiv="CacheControl" content="nocache, nostore, mustrevalidate" />
<meta httpequiv="Pragma" content="nocache" />
<meta httpequiv="Expires" content="0" />

2、使用JavaScript设置HTTP响应头

在HTML页面的<head>标签内添加以下代码:

<script type="text/javascript">
  window.addEventListener('load', function() {
    var meta = document.createElement('meta');
    meta.httpEquiv = 'CacheControl';
    meta.content = 'nocache, nostore, mustrevalidate';
    document.head.appendChild(meta);
    meta = document.createElement('meta');
    meta.httpEquiv = 'Pragma';
    meta.content = 'nocache';
    document.head.appendChild(meta);
    meta = document.createElement('meta');
    meta.httpEquiv = 'Expires';
    meta.content = '0';
    document.head.appendChild(meta);
  });
</script>

3、使用服务器端配置(以Apache为例)

在服务器端的配置文件(如.htaccess或httpd.conf)中添加以下代码:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 0 seconds"
  ExpiresByType text/html "access plus 0 seconds"
  ExpiresByType application/xhtml+xml "access plus 0 seconds"
  ExpiresByType image/gif "access plus 0 seconds"
  ExpiresByType image/jpeg "access plus 0 seconds"
  ExpiresByType image/png "access plus 0 seconds"
  ExpiresByType text/css "access plus 0 seconds"
</IfModule>

4、使用PHP设置HTTP响应头

在PHP脚本中使用以下代码:

<?php header("CacheControl: nocache, nostore, mustrevalidate"); ?>
<?php header("Pragma: nocache"); ?>
<?php header("Expires: 0"); ?>
0