如何在 ASP.NET Core 5 中排除特定路径，以便请求由 ASP.NET 而不是由静态文件处理？答案

【问题标题】：How to exclude a specific path in ASP.NET Core 5 so that the request is processed by ASP.NET and not by the static files?如何在 ASP.NET Core 5 中排除特定路径，以便请求由 ASP.NET 而不是由静态文件处理？
【发布时间】：2022-02-25 16:32:30
【问题描述】：

所以我在Angular 中有一个前端/SPA，在ASP.NET Core 5 中有一个后端/API。构建前端后，构建文件被复制到后端的 wwwroot 文件夹中。

我在后端使用 OpenIDConnect 实现了身份验证流程。这是由前端触发并导致后端端点。因此，您将被重定向到身份提供者并返回到 ASP.NET 提供的回调端点。

现在，当我打开网站时，ASP.NET 会为我提供静态 Angular 文件，这会将我重定向到启动登录/身份验证过程的端点。该过程最终将我重定向到https://localhost:5001/callback。

现在的问题是 ASP.NET 没有通过预配置的 callback 路径为请求提供服务。它将请求转发到静态文件，以便 Angular 处理请求。

所以我的问题是：是否可以排除特定路径以便通过 ASP.NET 而不是静态文件来处理它们？

到目前为止，我已经尝试拦截请求并仅转发路径中没有 /api 或 /callback 的内容。如这些博客/问题中所述：

ConfigureServices 在我的Startup.cs 中看起来像这样：

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllers();
    services.AddSwaggerGen(c =>
    {
        c.SwaggerDoc("v1", new OpenApiInfo { Title = "backend", Version = "v1" });
    });


    JwtSecurityTokenHandler.DefaultInboundClaimTypeMap.Clear();

    services.AddAuthentication(options =>
    {
        options.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;
        options.DefaultSignInScheme = CookieAuthenticationDefaults.AuthenticationScheme;
        options.DefaultChallengeScheme = CookieAuthenticationDefaults.AuthenticationScheme;
    })
    .AddCookie(options =>
    {
        options.Cookie.SecurePolicy = CookieSecurePolicy.Always;
        options.Cookie.SameSite = SameSiteMode.Strict;
        options.Cookie.HttpOnly = true;
        options.ExpireTimeSpan = TimeSpan.FromHours(2);
        options.SlidingExpiration = true;
        options.Cookie.MaxAge = TimeSpan.FromHours(2);
    })
    .AddOpenIdConnect(OpenIdConnectDefaults.AuthenticationScheme, options => ConfigureOpenIdConnect(options));

    services.AddControllersWithViews();


    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "wwwroot";
    });


    services.AddCors(options =>
    {
        options.AddDefaultPolicy(builder =>
        {
            builder.AllowAnyOrigin();
            builder.AllowAnyHeader();
            builder.AllowAnyMethod();
        });
    });
}

我的Configure 看起来像这样：

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
        app.UseSwagger();
        app.UseSwaggerUI(c => c.SwaggerEndpoint("v1/swagger.json", "backend v1"));
    }
    else
    {
        app.UseExceptionHandler("/Error");
        app.UseHsts();
    }

    app.UseCors();
    app.UseHttpsRedirection();

    app.UseRouting();

    app.UseAuthentication();

    app.UseAuthorization();

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


    app.UseDefaultFiles();
    app.UseStaticFiles();
    app.UseSpa(spa =>
    {
        spa.Options.SourcePath = "../../frontend/";

        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "dev:start");
        }
    });
}

private void ConfigureOpenIdConnect(OpenIdConnectOptions options)
{
    options.Authority = Configuration.GetValue<string>("Authority");
    options.ClientId = Configuration.GetValue<string>("ClientId");
    options.ClientSecret = Configuration.GetValue<string>("ClientSecret");

    // Set response type to code
    options.ResponseMode = OpenIdConnectResponseMode.FormPost;

    // Configure the scope
    options.Scope.Clear();
    options.Scope.Add("openid");
    options.Scope.Add("profile");
    options.Scope.Add("offline_access");

    options.CallbackPath = new PathString("/callback");

    // This saves the tokens in the session cookie
    options.SaveTokens = true;
    options.UseTokenLifetime = false;
}

更新 1：

ASP.NET project的文件夹结构：

wwwroot的文件夹结构：

这些是 Angular 构建文件。在assets 文件夹中是字体和一些图像

【问题讨论】：

评论这一行app.UseStaticFiles();这个中间件服务处理static file service你可以get more details here in official document
感谢您的评论。现在的问题是静态文件没有正确传递。当我手动调用登录端点时，我通过了身份验证过程。但是无法传递静态文件。因此，我现在收到此错误Unexpected token '<'。在每个文件中，它看起来像加载索引页面而不是 .js 或 .css 文件like this。我目前正在尝试找到解决此问题的方法，但到目前为止还没有成功。
嗯，感谢您的回复，您有多少个js 和css 文件？您能否分享那里的文件夹结构，如果可能的话，请用文件夹结构的屏幕截图和文件名更新问题。
当然。我希望这就是你的意思

标签： c# angular asp.net-core single-page-application openid-connect

【解决方案1】：

好的，我找到了问题的解决方案。我之前没有注意到的是，我得到了回调路由的 HTTP 200 代码。通常你可能会得到一个 HTTP 302 重定向。

最后发现是Angular PWA的service worker中断了请求。我真的不知道为什么，但是当我从app.module.ts 中删除ServiceWorker 时，它又起作用了。

【讨论】：