如何在IIS Express中虚拟应用目录托管Blazor Server应用并兼容开发环境？

针对你遇到的开发环境和生产环境基础路径冲突的问题，有几个实用的解决办法：

方法1：动态设置基础路径（推荐） #

通过环境配置动态调整<base>标签的href值，让开发和生产环境各自使用正确的路径：

1. 修改Program.cs，添加配置读取逻辑：

   var builder = WebApplication.CreateBuilder(args);
   
   // 加载环境配置文件
   builder.Configuration.AddJsonFile("appsettings.json", optional: false, reloadOnChange: true)
                       .AddJsonFile($"appsettings.{builder.Environment.EnvironmentName}.json", optional: true)
                       .AddEnvironmentVariables();
   
   // 注册配置供页面使用
   builder.Services.AddSingleton<IConfiguration>(builder.Configuration);
   

2. 修改Pages/_Host.cshtml，用Razor语法动态绑定base href：

   @inject IConfiguration Configuration
   <base href="@(Configuration["BaseHref"] ?? "/")" />
   

3. 添加环境配置文件：

   • 在appsettings.json中设置开发环境默认路径：

     {
       "BaseHref": "/"
     }
     

   • 创建appsettings.Production.json，设置生产环境的虚拟应用路径：

     {
       "BaseHref": "/myapp/"
     }
     

   启动时会自动根据当前环境加载对应的配置，两边都能正常访问。

方法2：修改开发环境启动配置 #

如果不想改动代码逻辑，可以直接修改开发环境的启动路径，让它和生产环境保持一致：

找到项目下的Properties/launchSettings.json，修改IIS Express的配置项：

"IIS Express": {
  "commandName": "IISExpress",
  "launchBrowser": true,
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development"
  },
  "applicationUrl": "http://localhost:你的端口号/myapp/",
  "launchUrl": "myapp/"
}

然后把App.razor里的<base href="/myapp/" >固定下来，开发环境会自动映射到localhost:端口/myapp，不会出现404，生产环境也能正常路由。

方法3：添加路由前缀中间件 #

通过中间件为Blazor路由统一添加前缀，避免路由跳转错误：

在Program.cs中配置路由时，根据环境添加前缀：

var app = builder.Build();

// 保留原有中间件配置（比如静态文件、认证等）

app.MapBlazorHub();

// 根据环境设置路由前缀
if (app.Environment.IsProduction())
{
    app.MapFallbackToPage("/myapp/{*path:nonfile}", "/_Host");
}
else
{
    app.MapFallbackToPage("/{*path:nonfile}", "/_Host");
}

app.Run();

配合动态base href的设置，就能确保开发和生产环境的路由都能正确匹配。

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