.NET 8独立Blazor WASM中Aspire未替换HttpClient的Uri实际地址

问题根源 #

Blazor WASM是客户端应用，无法直接访问Aspire服务器端的配置系统，默认情况下Aspire不会自动将服务地址注入到Blazor客户端，需要手动配置客户端的Aspire支持并调整服务引用方式。

解决方案步骤 #

1. 在Blazor WASM项目中安装必要的NuGet包
   安装用于支持Aspire配置加载和HttpClient服务发现的包：

   dotnet add package Aspire.Microsoft.Extensions.Http.ClientFactory
   dotnet add package Aspire.Microsoft.Extensions.Configuration
   

2. 修改Aspire AppHost中的Blazor项目引用配置
   在AppHost代码里，给Blazor项目的WithReference方法添加configureClient: true参数，让Aspire生成客户端可访问的服务地址配置：

   var client = builder.AddProject<Projects.AnswerMe_Client>("answermeclient")
       .WithReference(identityServerApi, configureClient: true); // 启用客户端配置生成
   

3. 调整Blazor WASM的Program.cs配置
   在Blazor启动代码中添加Aspire配置源，通过配置动态设置HttpClient的BaseAddress：

   var builder = WebAssemblyHostBuilder.CreateDefault(args);
   builder.RootComponents.Add<App>("#app");
   builder.RootComponents.Add<HeadOutlet>("head::after");
   
   // 添加Aspire配置源，获取服务地址等配置
   builder.Configuration.AddAspireConfiguration();
   
   // 配置HttpClient，从Aspire配置中读取API地址
   builder.Services.AddHttpClient(nameof(HttpClients.IdentityServer))
       .ConfigureHttpClient((serviceProvider, client) =>
       {
           var configuration = serviceProvider.GetRequiredService<IConfiguration>();
           // 从Aspire生成的配置中读取服务地址
           var apiBaseUrl = configuration.GetRequiredValue<string>("services:identityserverapi:baseUrl");
           client.BaseAddress = new Uri(apiBaseUrl);
       });
   
   await builder.Build().RunAsync();
   

替代简化写法（使用Aspire扩展方法） #

如果不想手动读取配置，可直接用Aspire提供的扩展方法绑定配置：

builder.Services.AddHttpClientWithConfig(nameof(HttpClients.IdentityServer), 
    builder.Configuration.GetSection("services:identityserverapi"));

注意事项 #

• Blazor WASM中不能使用builder.Configuration.GetConnectionString("identityserverapi")，Aspire给客户端生成的服务地址配置在services:<服务名>:baseUrl节点下，而非ConnectionStrings节点。
• 本地开发时，Aspire会自动处理客户端对配置端点的访问，无需额外配置跨域。

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