如何在Blazor Server页面中获取注入的HttpClient服务的BaseAddress

问题背景 #

你在Blazor Server应用中通过AddHttpClient<IMyAspx, MyAspx>配置了HttpClient服务，注入到页面后只能调用API方法，无法直接获取Program.cs中设置的BaseAddress，需要在页面显示该地址。

可行解决方案 #

方案一：在服务类中暴露BaseAddress属性 #

你的MyAspx类通过构造函数接收注入的HttpClient，可以在类中保存实例并暴露BaseAddress属性：

public class MyAspx : IMyAspx
{
    private readonly HttpClient _httpClient;

    public MyAspx(HttpClient httpClient)
    {
        _httpClient = httpClient;
    }

    // 暴露BaseAddress供页面调用
    public Uri BaseAddress => _httpClient.BaseAddress;

    // 你的API调用方法示例
    public async Task<SomeDataModel> FetchApiDataAsync()
    {
        return await _httpClient.GetFromJsonAsync<SomeDataModel>("api/data-endpoint");
    }
}

之后在页面中直接访问：

@code {
    [Inject]
    public IMyAspx myservice { get; set; }

    protected override async Task OnInitializedAsync()
    {
        var baseUrl = myservice.BaseAddress;
        // 可用于页面展示或其他逻辑
    }
}

方案二：将BaseAddress存入配置文件复用 #

把API的BaseAddress放到配置文件中，既用于初始化HttpClient，也能直接注入到页面读取：

1. 在appsettings.json添加配置项：

{
  "ApiConfig": {
    "BaseAddress": "https://localhost:7132/"
  }
}

2. 创建配置映射类：

public class ApiConfig
{
    public string BaseAddress { get; set; }
}

3. 在Program.cs中绑定配置并初始化HttpClient：

// 绑定配置
builder.Services.Configure<ApiConfig>(builder.Configuration.GetSection("ApiConfig"));

// 使用配置中的BaseAddress设置HttpClient
builder.Services.AddHttpClient<IMyAspx, MyAspx>((serviceProvider, client) =>
{
    var apiConfig = serviceProvider.GetRequiredService<IOptions<ApiConfig>>().Value;
    client.BaseAddress = new Uri(apiConfig.BaseAddress);
    client.Timeout = TimeSpan.FromMinutes(1);
});

4. 在页面中注入配置读取：

@inject IOptions<ApiConfig> ApiConfig

@code {
    protected override async Task OnInitializedAsync()
    {
        var baseUrl = ApiConfig.Value.BaseAddress;
    }
}

方案三：通过IHttpClientFactory获取指定HttpClient #

若不想修改现有服务类，可注入IHttpClientFactory，根据服务类型获取对应的HttpClient实例：

@inject IHttpClientFactory HttpClientFactory

@code {
    protected override async Task OnInitializedAsync()
    {
        // AddHttpClient会自动生成基于服务类型的命名，以此获取对应HttpClient
        var client = HttpClientFactory.CreateClient(typeof(IMyAspx).FullName);
        var baseUrl = client.BaseAddress;
    }
}

注意：此方式依赖框架默认的命名规则，后续框架版本变更可能受影响，优先推荐前两种方案。

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