如何在 ASP.NET Core 中缓存静态文件？

Question

我似乎无法在 ASP.NET Core 2.2 中启用静态文件缓存。我的Configure 中有以下内容：

public void Configure(IApplicationBuilder app, IHostingEnvironment env) {
  if (env.IsDevelopment()) {
    app.UseDeveloperExceptionPage();
    app.UseCors(...);
  }
  else {
    app.UseHsts();
  }

  app.UseHttpsRedirection();
  app.UseAuthentication();
  app.UseSignalR(routes => { routes.MapHub<NotifyHub>("/..."); });

  app.UseResponseCompression();
  app.UseStaticFiles();
  app.UseSpaStaticFiles(new StaticFileOptions() {
    OnPrepareResponse = (ctx) => {
      ctx.Context.Response.Headers[HeaderNames.CacheControl] = "public, max-age=31557600"; // cache for 1 year
    }
  });
  app.UseMvc();

  app.UseSpa(spa => {
    spa.Options.SourcePath = "ClientApp";
    if (env.IsDevelopment()) {
      spa.UseVueCli(npmScript: "serve", port: 8080);
    }
  });
}

当我尝试使用 chrome 在 HTTPS 上审核生产站点时，我不断收到“使用有效的缓存策略提供静态资产”：

在网络选项卡中，标题中没有提到缓存，当我按 F5 时，似乎所有内容都来自磁盘缓存。但是，如果审核显示无效，我如何确定我的缓存设置有效？

Answer 1

我不知道 UseSpaStaticFiles 是什么，但您可以在 UseStaticFiles 中添加缓存选项。您错过了设置 Expires 标头。

// Use static files
app.UseStaticFiles(new StaticFileOptions {
    OnPrepareResponse = ctx =>
    {
        // Cache static files for 30 days
        ctx.Context.Response.Headers.Append("Cache-Control", "public,max-age=2592000");
        ctx.Context.Response.Headers.Append("Expires", DateTime.UtcNow.AddDays(30).ToString("R", CultureInfo.InvariantCulture));
    }
});

请注意，当您对静态文件进行更改时，您还需要一种使缓存无效的方法。

我已经写了一篇关于此的博客文章：Minify and cache static files in ASP.NET Core

Answer 2

这适用于 ASP.NET Core 2.2 到 3.1：

我知道这有点类似于 Fredrik 的回答，但您不必输入文字字符串来获取缓存控制标头

app.UseStaticFiles(new StaticFileOptions()
{
    HttpsCompression = Microsoft.AspNetCore.Http.Features.HttpsCompressionMode.Compress,               
    OnPrepareResponse = (context) =>
    {
        var headers = context.Context.Response.GetTypedHeaders();
        headers.CacheControl = new Microsoft.Net.Http.Headers.CacheControlHeaderValue
        {
            Public = true,
            MaxAge = TimeSpan.FromDays(30)
        };
    }
});