给空白ASP.NET+React解决方案配置Swagger后无法访问的问题

你的判断是对的，问题出在请求路由的优先级上：MapFallbackToFile("index.html")会将所有未匹配到后端路由的请求转发到React的入口文件，包括/swagger相关请求，导致Swagger页面无法正常加载。可以通过以下步骤修复：

• 调整中间件注册顺序
  将Swagger相关中间件（UseSwagger、UseSwaggerUI）移到MapFallbackToFile之前，确保ASP.NET Core路由系统先处理Swagger的请求，再执行React的 fallback 逻辑。同时修正SwaggerEndpoint的路径前缀，确保能正确获取swagger.json文件。修改后的Program.cs关键代码如下：

var app = builder.Build();

// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{
    app.UseHsts();
}
else
{
    app.UseSwagger();
    app.UseSwaggerUI(c =>
    {
        c.SwaggerEndpoint("/swagger/v1/swagger.json", "My API V1");
    });
}

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();

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

app.MapFallbackToFile("index.html");

app.Run();

• 原理说明
  ASP.NET Core的中间件是按注册顺序执行的，MapFallbackToFile是优先级最低的路由规则，只要Swagger中间件在它之前注册，/swagger和/swagger/v1/swagger.json这类请求就会被Swagger中间件处理，不会被转发到React的index.html，自然也就不会被React Router拦截。

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