ASP.NET Core+React项目发布异常：误拷全盘文件求解决方案

先修复当前发布的核心问题 #

你遇到的错误是因为项目配置里的前端构建产物路径配置错误，导致发布时误将整个磁盘目录当成要复制的内容。直接修改项目的.csproj文件即可解决：

1. 打开项目根目录下的.csproj文件
2. 找到PublishRunWebpack目标节点，确保DistFiles指向正确的React构建目录（通常是ClientApp/build或ClientApp/dist），示例配置如下：

<Target Name="PublishRunWebpack" AfterTargets="ComputeFilesToPublish">
  <Exec WorkingDirectory="$(SpaRoot)" Command="npm install" />
  <Exec WorkingDirectory="$(SpaRoot)" Command="npm run build" />

  <ItemGroup>
    <!-- 这里的路径要和React项目build命令输出目录一致 -->
    <DistFiles Include="$(SpaRoot)build\**" />
    <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
      <RelativePath>wwwroot\%(RecursiveDir)%(FileName)%(Extension)</RelativePath>
      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
    </ResolvedFileToPublish>
  </ItemGroup>
</Target>

3. 同时确认<SpaRoot>节点指向正确的React项目根目录：

<PropertyGroup>
  <SpaRoot>ClientApp\</SpaRoot>
</PropertyGroup>

替代发布方式 #

1. 使用dotnet CLI发布 #

在项目根目录打开命令提示符，运行以下命令：

dotnet publish -c Release

此方式会自动执行前端构建并将产物复制到发布目录的wwwroot下，前提是已经修复了上述.csproj配置。

2. 前后端分开发布 #

如果不想让后端发布时自动构建前端，可以分开操作：

• 前端单独构建：进入React项目目录（如ClientApp），运行npm run build，生成的build文件夹里就是所有静态资源。
• 后端单独发布：运行dotnet publish -c Release，然后手动将前端build文件夹里的内容复制到后端发布目录的wwwroot下即可。

3. 调整Visual Studio发布配置 #

在Visual Studio的发布向导中：

• 进入“文件发布选项”，勾选“删除目标中未列出的文件”
• 切换到“文件”标签页，确认只包含必要的文件，排除掉不需要的目录（比如磁盘根目录、回收站相关路径）

前端单独发布方案 #

如果想将前端部署到独立服务器或CDN：

1. 在React项目目录运行npm run build，生成build文件夹
2. 将build文件夹内的所有文件上传到静态文件服务器（如Nginx、Apache）或静态托管服务
3. 修改React项目中的API请求地址，指向后端Web API的公开域名，确保后端已开启CORS跨域配置

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