144

我有一个在云服务器中运行的 php 站点。每当我添加新文件 css、js 或图像时，浏览器都会加载存储在缓存中的相同的旧 js、css 和图像文件。

我的网站有一个文档类型和元标记，如下所示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
  <meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)">
  <meta http-equiv="Site-Enter" content="blendTrans(Duration=1.0)">
  <meta http-equiv="Site-Exit" content="blendTrans(Duration=1.0)">

由于上述文档类型和元代码，我是否加载了缓存在浏览器中的相同文件而不是新文件

4

6 回答 6

337

尝试这个

<?php

header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>
于 2012-11-30T06:33:23.610 回答
44

在这里，如果您想通过 HTML 控制它：请执行以下选项 1：

<meta http-equiv="expires" content="Sun, 01 Jan 2014 00:00:00 GMT"/>
<meta http-equiv="pragma" content="no-cache" />

如果你想通过 PHP 控制它：像下面的选项 2 那样做：

header('Expires: Sun, 01 Jan 2014 00:00:00 GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', FALSE);
header('Pragma: no-cache');

并且选项 2总是更好，以避免基于代理的缓存问题。

于 2014-02-06T17:17:25.683 回答
12

你可以试试这个：

    header("Expires: Tue, 03 Jul 2001 06:00:00 GMT");
    header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
    header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
    header("Cache-Control: post-check=0, pre-check=0", false);
    header("Pragma: no-cache");
    header("Connection: close");

希望它有助于防止缓存，如果有的话！

于 2015-01-27T10:56:00.567 回答
10

我在缓存我的 css 文件时遇到了问题。在 PHP 中设置标题对我没有帮助（可能是因为需要在样式表文件中设置标题，而不是在链接到它的页面中设置？）。

我在此页面上找到了解决方案：https ://css-tricks.com/can-we-prevent-css-caching/

解决方案：

附加时间戳作为链接文件的 URI 的查询部分。
（可用于css、js、图片等）

对于开发：

<link rel="stylesheet" href="style.css?<?php echo date('Y-m-d_H:i:s'); ?>">

对于生产（缓存主要是一件好事）：

<link rel="stylesheet" type="text/css" href="style.css?version=3.2">
（并在需要时手动重写）

或这两者的组合：

<?php
    define( "DEBUGGING", true ); // or false in production enviroment
?>
<!-- ... -->
<link rel="stylesheet" type="text/css" href="style.css?version=3.2<?php echo (DEBUGGING) ? date('_Y-m-d_H:i:s') : ""; ?>">

编辑：

或者这两者的更漂亮的组合：

<?php
    // Init
    define( "DEBUGGING", true ); // or false in production enviroment
    // Functions
    function get_cache_prevent_string( $always = false ) {
        return (DEBUGGING || $always) ? date('_Y-m-d_H:i:s') : "";
    }
?>
<!-- ... -->
<link rel="stylesheet" type="text/css" href="style.css?version=3.2<?php echo get_cache_prevent_string(); ?>">
于 2015-10-12T13:11:49.200 回答
6

视情况而定，防止浏览器缓存不是一个好主意。寻找解决方案我找到了这样的解决方案：

<link rel="stylesheet" type="text/css" href="meu.css?v=<?=filemtime($file);?>">

这里的问题是，如果文件在服务器上的更新期间被覆盖，这是我的场景，缓存将被忽略，因为时间戳被修改，即使文件的内容相同。

我使用此解决方案强制浏览器仅在其内容被修改时才下载资产：

<link rel="stylesheet" type="text/css" href="meu.css?v=<?=hash_file('md5', $file);?>">
于 2018-06-21T19:01:46.257 回答
1

您还可以对缓存文件使用查询字符串。它不会影响您的样式和 js 文件的行为。

例如：

example.com/mystyle.css -> 
example.com/mystyle.css?<?php echo random(1000, 5000); ?>
于 2021-03-02T19:34:57.473 回答