React与ASP.NET Core(.NET9)部署时未发布SPA问题求助

针对你遇到的.NET 9项目拆分后前端未随后端发布的问题，可通过以下几种方式解决：

• 配置后端项目自动构建并复制前端文件
  编辑MyApp.Server.csproj文件，添加自定义构建目标，让后端发布时自动触发前端构建并复制产物：

  <Target Name="PublishFrontend" AfterTargets="ComputeFilesToPublish">
    <!-- 进入前端项目目录执行生产构建 -->
    <Exec Command="npm run build" WorkingDirectory="..\myapp.client" />
    <!-- 将前端build目录下的所有文件复制到后端发布目录的wwwroot -->
    <Copy SourceFiles="..\myapp.client\build\**" DestinationFolder="$(PublishDir)wwwroot" SkipUnchangedFiles="true" />
  </Target>
  

  保存后重新发布后端，前端构建产物会自动被包含到发布包的wwwroot目录中。

• 确认静态文件中间件配置正确
  检查Program.cs中是否正确启用了静态文件服务及SPA路由支持：

  app.UseStaticFiles();
  // 处理SPA的路由回退，确保前端路由能正常工作
  app.MapFallbackToFile("index.html");
  

  这一步保证后端能正确识别并提供wwwroot中的静态文件。

• 调整VS发布配置
  右键MyApp.Server项目选择「发布」，进入发布配置的「文件发布选项」，确认勾选「在发布前构建」；也可在「预生成命令」中添加：

  npm run build --prefix ../myapp.client
  

  确保前端先完成构建，再进行后端发布。

原因说明 #

.NET 9默认将React与ASP.NET Core拆分为独立的Server和Client项目，不再像.NET 6那样自动嵌套并打包前端资源，因此需要手动配置前端构建产物的复制逻辑，才能让前端文件随后端一起发布。

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