ASP.NET MVC 5中如何避免指定Javascript/Css文件缓存？

刚好我之前在ASP.NET MVC 5项目里碰到过一模一样的问题，给你几个亲测有效的方案，完美匹配你的需求——不用版本文件夹，精准控制部分文件不缓存：

方案1：用文件内容哈希代替日期参数（最可靠） #

你之前用?v=CurrentDate的问题在于，一天内多次修改文件时，日期参数不会变化，浏览器还是会认为是同一资源继续用缓存。换成基于文件内容的哈希值就不一样了：只要文件内容改了，哈希就自动变化，浏览器会立刻请求新文件。

在ASP.NET MVC里可以写个自定义HTML Helper来实现：

public static class HtmlHelperExtensions
{
    public static MvcHtmlString ScriptWithHash(this HtmlHelper helper, string path)
    {
        var serverPath = helper.ViewContext.HttpContext.Server.MapPath(path);
        if (!File.Exists(serverPath))
            return helper.Script(path);
            
        var fileHash = CalculateFileHash(serverPath);
        var fullUrl = helper.ViewContext.HttpContext.Request.Url.Content(path) + $"?v={fileHash}";
        return helper.Script(fullUrl);
    }
    
    public static MvcHtmlString StyleWithHash(this HtmlHelper helper, string path)
    {
        var serverPath = helper.ViewContext.HttpContext.Server.MapPath(path);
        if (!File.Exists(serverPath))
            return helper.Style(path);
            
        var fileHash = CalculateFileHash(serverPath);
        var fullUrl = helper.ViewContext.HttpContext.Request.Url.Content(path) + $"?v={fileHash}";
        return helper.Style(fullUrl);
    }
    
    private static string CalculateFileHash(string filePath)
    {
        using (var md5 = MD5.Create())
        {
            using (var stream = File.OpenRead(filePath))
            {
                var hashBytes = md5.ComputeHash(stream);
                return BitConverter.ToString(hashBytes).Replace("-", "").ToLowerInvariant();
            }
        }
    }
}

然后在视图里直接用这个Helper代替原生的Script/Style：

@Html.ScriptWithHash("~/scripts/your-frequently-changed-script.js")
@Html.StyleWithHash("~/css/custom-styles.css")

稳定的库文件（比如jQuery、Bootstrap）还是用普通方式引用，正常享受缓存。

方案2：用ASP.NET Bundle自动管理版本（推荐，自带优化） #

ASP.NET MVC自带的Bundle机制不仅能合并压缩脚本/CSS，还会自动给打包后的文件加上内容哈希作为版本参数。你可以把需要频繁更新的文件单独打包成一个Bundle，稳定的库文件另一个Bundle：

在BundleConfig.cs里配置：

public static void RegisterBundles(BundleCollection bundles)
{
    // 稳定的第三方库，正常缓存
    bundles.Add(new ScriptBundle("~/bundles/vendor").Include(
        "~/scripts/jquery-{version}.js",
        "~/scripts/bootstrap.js"));
        
    // 需要频繁修改的自定义脚本，单独打包
    bundles.Add(new ScriptBundle("~/bundles/custom-dynamic").Include(
        "~/scripts/custom-feature1.js",
        "~/scripts/custom-feature2.js"));
        
    // CSS同理，分开稳定和动态的
    bundles.Add(new StyleBundle("~/content/vendor").Include(
        "~/css/bootstrap.css"));
        
    bundles.Add(new StyleBundle("~/content/custom-dynamic").Include(
        "~/css/custom-styles.css"));
        
    // 生产环境启用优化（自动压缩+哈希版本）
    BundleTable.EnableOptimizations = true;
}

然后在视图里引用：

@Scripts.Render("~/bundles/vendor")
@Scripts.Render("~/bundles/custom-dynamic")

@Styles.Render("~/content/vendor")
@Styles.Render("~/content/custom-dynamic")

这个方案的好处是一举两得：既解决了缓存问题，又优化了页面加载速度（合并压缩），而且天然区分了需要缓存和不需要缓存的文件。

方案3：IIS精准配置缓存策略 #

如果不想改代码，可以直接在Web.config里针对特定文件/目录设置缓存规则，让浏览器不缓存这些文件：

<configuration>
  <location path="scripts/dynamic">
    <system.webServer>
      <staticContent>
        <!-- 禁止缓存该目录下的所有文件 -->
        <clientCache cacheControlMode="DisableCache" />
      </staticContent>
    </system.webServer>
  </location>
  <!-- 或者针对单个文件设置 -->
  <location path="scripts/custom-script.js">
    <system.webServer>
      <staticContent>
        <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="00:00:05" />
      </staticContent>
    </system.webServer>
  </location>
</configuration>

这个适合批量控制某个目录，但要注意别影响其他需要缓存的文件，所以用<location>节点精准定位。

补充说明 #

为什么之前的日期参数失效？除了同一天内修改不生效，还有可能是中间代理服务器的缓存——这时候结合上面的哈希方案+IIS缓存配置，基本能解决所有顽固缓存问题。

内容的提问来源于stack exchange，提问作者tincho87