使浏览器缓存失效

Question

我有一个与缓存失效技术相关的问题...我正在尝试为我的网站实现一种机制，自动使浏览器缓存（css、图像...）失效。每当我更新网站（更改图像或样式）时，我希望能够以编程方式使浏览器缓存失效；

例如：对于当前版本，CSS 和一些图像已发生更改。在这种情况下，我希望更新完成后，当用户向网站执行请求时，其浏览器的缓存自动失效，从而强制重新下载新的图像和样式。这应该只针对客户端的第一个请求执行...应该从缓存中检索以下请求（因此设置 no-cache pragma 是不可能的）。

这是我尝试过的： 在 BeginRequest 事件处理程序中，我添加了以下几行：

Response.Cache.SetCacheability(HttpCacheability.ServerAndPrivate);
Response.Cache.SetETag("\"e111293b17594f1487d136ea7e9314ac\"");

这会在响应标头中设置 ETag。我想如果我在每次发布时更改这个 ETag，并在每次请求时设置它，缓存就会失效，但似乎并非如此。我使用 Live HTTP 标头来查看结果，并且 ETAG 已为响应正确设置，但 css 和图像仍然从缓存中获取。

我有什么想法可以实现这一点，或者是否可以实现？

Answer 1

我过去也遇到过这样的问题。不幸的是，我找不到一个真正好的方法来完成这个任务，所以我不得不想出一个解决方法。我只处理 CSS 文件的这个问题，因此我向每个 CSS 引用添加了一个额外的查询字符串参数，例如，

 <link rel="stylesheet" type="text/css" 
       href="default.css?buildnumber=<%= Buildnumber %>" />

构建号随着每个版本的发布而增加，因此浏览器被迫去寻找这个新文件。这不是一个理想的解决方案，但它运行顺利。

Answer 2

对于那些正在寻求 MVC5 解决方案的人：

步骤 1：将项目的 AssemblyInfo.cs 文件更改为以下步骤

[assembly: AssemblyVersion("1.0.*")]
[assembly: AssemblyFileVersion("1.0.*")]

步骤 2：创建一个类以获取项目的当前版本信息：

     public class Versioner
        {
            public static Version GetVersion()
            {
                Assembly thisAssem = typeof(Versionador).Assembly;
                AssemblyName thisAssemName = thisAssem.GetName();
                Version vrs = thisAssemName.Version;
    
                return vrs;
            }
    


//Not really necessary, just if you need to show this info
            public static string GetDataBuild()
            {
                Version version = System.Reflection.Assembly.GetExecutingAssembly().GetName().Version;
                DateTime buildDate = new DateTime(2000, 1, 1).AddDays(version.Build).AddSeconds(version.Revision * 2);
                string displayableVersion = $"{version} ({buildDate})";
    
                return displayableVersion;
            }
        }

步骤 3：在视图中调用类方法新版本需要缓存自动刷新。

    @{
    Version _ver = <MyProject>.Classes.Extensions.Versioner.GetVersion();
    }
//here, <MyProject>.Classes.Extensions is my path to the Versioner.cls class file, adjust it to your project's classes path

步骤 4：使用带有版本字符串的变量附加到脚本或 .css 文件

 <script src="~/js/index.js?v=@_ver"></script>
 <link href="/css/style.css?v=@_ver" rel="stylesheet" />