5

我在我的应用程序中实现了 ASP.NET Core 响应缓存来缓存一些 API 请求。

我已将 ResponseCaching 中间件添加到 ConfigureServices 方法中的 IServicesCollection 中，如下所示。

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
            builder =>
            {
                builder.AllowAnyOrigin()
                       .AllowAnyHeader()
                       .AllowAnyMethod();

            });
        });

        services.AddResponseCaching();
        services.AddControllersWithViews();

        services.AddSpaStaticFiles(configuration =>
        {
            configuration.RootPath = "ClientApp/dist";
        });
    }

我在这样的配置方法中使用过它。

 public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            app.UseHsts();
        }
        app.UseCors("CorsPolicy");
        app.UseHttpsRedirection();
        app.UseStaticFiles();
        if (!env.IsDevelopment())
        {
            app.UseSpaStaticFiles();
        }

        app.UseRouting();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllerRoute(
                name: "default",
                pattern: "{controller}/{action=Index}/{id?}");
        });

        app.UseResponseCaching();

        app.Use(async (context, next) =>
        {
           context.Response.GetTypedHeaders().CacheControl =
              new Microsoft.Net.Http.Headers.CacheControlHeaderValue()
              {
                  Public = true,
                  MaxAge = TimeSpan.FromSeconds(apiConfiguration.CacheDuration),
              };

        context.Response.Headers[Microsoft.Net.Http.Headers.HeaderNames.Vary] = new string[] { "Accept-Encoding" };
     
            await next();
        });

        app.UseSpa(spa =>
        {
            spa.Options.SourcePath = "ClientApp";
            if (env.IsDevelopment())
            {
                spa.UseAngularCliServer(npmScript: "start");
            }
        });
    }

我还使用 ResponseCache 属性装饰了我的 Web API 操作方法，如下所示

    [HttpGet]
    [ResponseCache(Duration = 60)]
    public IActionResult Get(){
      //code
    }

最后，在我的 Angular 应用程序中，我也设置了缓存控制标头。

  fetchAPIData(){
    return this.http.get('https://localhost:44325/data',  {
      headers: new HttpHeaders({
        'Cache-Control': 'public',
        "Content-Type": "application/json"
      })
    });
  }

我只想用 200（OK）状态码缓存服务器响应。根据应该工作的微软文档

响应缓存中间件仅缓存导致 200 (OK) 状态代码的服务器响应。中间件会忽略任何其他响应，包括错误页面。

但是当它运行时，它也会缓存 500 个错误响应。看下面的图片 在此处输入图像描述

  1. 这可能是什么原因？
  2. 我应该怎么做才能解决这个问题。我只想缓存 200(OK) 个请求。

笔记

  • 我也尝试过使用 Chrome、Edge 和 IE 浏览器。
  • 我使用 ASP.NET Core 3.1
  • 我的前端应用程序是 Angular 7
4

0 回答 0