如何配置.NET6 Blazor WebAssembly应用实现IDE与IIS双环境运行？

核心问题在于base href的硬编码导致调试和IIS部署场景冲突，以下两种方案可解决：

方案1：动态设置base href（通用所有场景） #

修改wwwroot/index.html，将固定的base标签替换为动态获取当前路径的代码，无需区分环境：

<!-- 替换原来的固定base标签 -->
<base href="" />
<script>
    // 自动获取当前应用的根路径
    const basePath = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);
    document.querySelector('base').href = basePath;
</script>

这样无论是Visual Studio调试（根路径/）还是IIS虚拟目录部署（路径/BlazorHelp/），都会自动适配正确的base路径，无需手动修改文件。

方案2：通过项目配置区分Debug/Release环境 #

如果希望保持base标签的静态设置，可在项目文件中配置不同环境的BasePath，自动在发布时替换：

1. 打开项目的.csproj文件，添加以下配置：

<PropertyGroup Condition="'$(Configuration)' == 'Release'">
  <!-- IIS部署的虚拟路径 -->
  <BasePath>/BlazorHelp/</BasePath>
</PropertyGroup>
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
  <!-- 调试时的根路径 -->
  <BasePath>/</BasePath>
</PropertyGroup>

2. 确保index.html中的base标签使用占位符：

<base href="%BASE_PATH%" />

这样在Debug模式下调试时，%BASE_PATH%会被替换为/；发布Release版本时，自动替换为/BlazorHelp/，无需手动修改文件。

验证HttpClient配置 #

你的Program.cs中HttpClient的BaseAddress设置是正确的：

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

builder.HostEnvironment.BaseAddress会自动读取base标签的路径，无需额外修改。

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