.NET 8配置SPA从ClientApp目录运行而非wwwroot问题求助

问题背景 #

需要将ASP.NET API + Angular客户端作为单应用发布，Angular编译产物存放在与wwwroot同级的ClientApp目录下。但在.NET 8中沿用.NET 3.1的配置无效，应用始终默认从wwwroot加载静态资源。

可行配置方案 #

1. 服务注册配置 #

在Program.cs中注册SPA静态文件服务时，显式指定FileProvider，确保指向项目根目录下的ClientApp：

var angularAppRootPath = "ClientApp";

services.AddSpaStaticFiles(options =>
{
    options.RootPath = angularAppRootPath;
    // 明确指定文件提供器，避免默认指向wwwroot
    options.FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), angularAppRootPath));
});

2. 中间件配置 #

在中间件管道中，先启用SPA静态文件服务，再配置Fallback路由并指定对应文件提供器：

// 若使用了默认的UseStaticFiles（指向wwwroot），需放在UseSpaStaticFiles之前
app.UseStaticFiles();

// 启用SPA静态文件服务
app.UseSpaStaticFiles();

// 配置Fallback路由，指向ClientApp下的index.html
app.MapFallbackToFile("/index.html", new StaticFileOptions
{
    FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), angularAppRootPath))
});

3. 发布文件复制配置 #

在项目的.csproj文件中添加以下配置，确保ClientApp目录下的所有文件被复制到发布输出目录：

<ItemGroup>
  <Content Include="ClientApp\**">
    <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
  </Content>
</ItemGroup>

关键说明 #

.NET 8对SPA静态文件处理的默认逻辑做了调整，不再自动识别AddSpaStaticFiles中设置的RootPath作为文件来源，必须显式指定FileProvider才能覆盖默认的wwwroot路径。

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