Blazor应用中如何为GetFromJsonAsync添加查询字符串参数？

针对你想用GetFromJsonAsync添加查询参数，以及需要自定义标头的场景，主流做法分两种情况：

1. 仅添加查询参数（用GetFromJsonAsync的优雅方式） #

直接字符串拼接Uri容易出现编码问题，更规范的方式是用QueryBuilder构建带参数的请求地址，它会自动处理参数编码，避免潜在错误。示例代码如下：

@inject HttpClient Http

@code {
    private async Task FetchData()
    {
        // 构建查询参数
        var queryBuilder = new QueryBuilder();
        queryBuilder.Add("zip", "90210");
        queryBuilder.Add("units", "imperial");

        // 组合基础地址和查询参数
        var requestUri = new Uri("https://api.example.com/weather", UriKind.Absolute);
        requestUri = new Uri(requestUri + queryBuilder.ToString());

        // 调用GetFromJsonAsync
        var result = await Http.GetFromJsonAsync<WeatherResponse>(requestUri);
    }

    // 假设的响应模型
    public class WeatherResponse
    {
        // 对应API返回的字段
    }
}

2. 需要添加自定义标头（用原生HttpClient方法） #

如果需要添加自定义请求标头，GetFromJsonAsync确实无法直接支持，这时候就得用HttpClient的原生方法（比如GetAsync或SendAsync），手动处理请求和反序列化：

@inject HttpClient Http

@code {
    private async Task FetchDataWithHeaders()
    {
        // 构建查询参数
        var queryBuilder = new QueryBuilder();
        queryBuilder.Add("zip", "90210");
        queryBuilder.Add("units", "imperial");
        var requestUri = new Uri("https://api.example.com/weather" + queryBuilder.ToString());

        // 创建请求消息并添加标头
        using var request = new HttpRequestMessage(HttpMethod.Get, requestUri);
        request.Headers.Add("Authorization", "Bearer your-token");
        request.Headers.Add("X-Custom-Header", "custom-value");

        // 发送请求并反序列化
        using var response = await Http.SendAsync(request);
        response.EnsureSuccessStatusCode(); // 确保请求成功
        var result = await response.Content.ReadFromJsonAsync<WeatherResponse>();
    }
}

总结 #

• 仅需添加查询参数时，用QueryBuilder构建Uri再传给GetFromJsonAsync是主流的优雅方案，比字符串拼接更可靠。
• 需要自定义标头或更复杂的请求配置时，直接使用HttpClient的原生方法（GetAsync/SendAsync）+ 手动反序列化是标准做法。

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