Blazor Server项目如何将Web API基URL配置为全局变量？

当然可以！而且有几种非常干净的方式来实现这个需求，既能把API地址统一管理，又能符合Blazor Server的最佳实践。下面给你详细讲几种可行的方案：

这种方法直接在注册HttpClient的时候设置基础地址，这样你在组件里使用时只需要写相对路径即可，完全不用重复写完整的域名和端口。

修改你的ConfigureServices方法：

public void ConfigureServices(IServiceCollection services)
{
    services.AddRazorPages();
    services.AddServerSideBlazor();
    // 替换原来的AddSingleton<HttpClient>，直接设置BaseAddress
    services.AddSingleton(sp => new HttpClient
    {
        BaseAddress = new Uri("http://localhost:54124/")
    });
}

然后修改Index.razor里的GetMovies方法，只用写API的相对路径：

private async Task GetMovies()
{
    // 注意：.NET 5+推荐使用GetFromJsonAsync，旧版本的GetJsonAsync已被标记为过时
    Movies = await http.GetFromJsonAsync<List<Movie>>("api/Movies");
}

这种方案的优势是代码最简洁，而且HttpClient会自动拼接基础地址和相对路径，完全避免硬编码重复。

如果你需要在多个组件或服务中单独访问这个API基础地址（而不是只通过HttpClient调用），可以用Blazor内置的选项模式来统一管理配置。

步骤1：创建配置类 #

首先定义一个用来存储API设置的类：

namespace YourProjectNamespace
{
    public class ApiSettings
    {
        public string BaseUrl { get; set; }
    }
}

步骤2：在ConfigureServices中注册配置 #

你可以直接硬编码地址，也可以从appsettings.json读取（更适合多环境切换）：

public void ConfigureServices(IServiceCollection services)
{
    services.AddRazorPages();
    services.AddServerSideBlazor();
    services.AddSingleton<HttpClient>();

    // 方式1：直接硬编码配置
    services.Configure<ApiSettings>(options =>
    {
        options.BaseUrl = "http://localhost:54124/";
    });

    // 方式2：从appsettings.json读取（推荐生产环境使用）
    // 先在appsettings.json中添加：
    // "ApiSettings": { "BaseUrl": "http://localhost:54124/" }
    // 然后用下面的代码注册：
    // services.Configure<ApiSettings>(Configuration.GetSection("ApiSettings"));
}

步骤3：在组件中注入并使用 #

修改Index.razor，注入IOptions<ApiSettings>并使用：

@page "/"
@inject HttpClient http;
@inject IOptions<ApiSettings> apiSettings; // 新增注入
@using Models

<button @onclick="@GetMovies">Get Movies</button>
<!-- 表格部分不变 -->

@code{
    List<Movie> Movies;
    private async Task GetMovies()
    {
        var baseUrl = apiSettings.Value.BaseUrl;
        Movies = await http.GetFromJsonAsync<List<Movie>>($"{baseUrl}api/Movies");
    }
}

这种方案的优势是配置集中管理，如果后续需要修改地址或者切换环境（比如开发、测试、生产），只需要改一处配置即可。

如果你不想用依赖注入，也可以用静态类来存储地址，但这种方式灵活性差，不利于测试和环境切换，所以仅作参考：

public static class ApiConstants
{
    public const string BaseUrl = "http://localhost:54124/";
}

然后在组件中直接使用：

private async Task GetMovies()
{
    Movies = await http.GetFromJsonAsync<List<Movie>>($"{ApiConstants.BaseUrl}api/Movies");
}

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