Базовый адрес HttpClient впервые становится нулевым в методе OnInitializedAsync в Blazor

Помещение всего кода внутри проверки if для OnInitialized и OnParameterSet — это решение этой проблемы, как показано ниже:

[Inject] HttpClient httpClient { get; set; } = default!;
protected override async Task OnParametersSetAsync()
{
    if (httpClient.BaseAddress != null)
    {
        // all codes goes here specially which involves httpClient
    }
}

Я понял, что точка останова впервые попадает в эти методы жизненного цикла несколько раз, даже до того, как httpClient будет готов. Но после того, как httpClient будет готов, точка останова снова попадает в эти методы жизненного цикла. Таким образом, ваш код, который вы поместили внутрь, будет выполнен, если вы проверите

По моему опыту, режим автоматического рендеринга требует, чтобы вы настроили службы одинаково как в клиентском, так и в серверном проекте (да, это дублируется). Это связано с тем, что в режиме автоматической визуализации ваши страницы изначально будут предварительно обработаны, что потребует регистрации служб в серверном проекте. Как только WASM вступит во владение, будут использоваться ваши сервисы, зарегистрированные в ваших клиентских проектах. Короче говоря, вам нужно настроить http-клиент в обоих проектах одинаково.

Ознакомьтесь с этим Документом Microsoft о настройке именованных Http-клиентов (это полезно, если вы настраиваете несколько Http-клиентов для внедрения зависимостей) и о том, как использовать IHttpClientFactory для создания именованных клиентов на лету.

Обновлено: Вот несколько примеров кода и пояснений.

Установить безымянный HttpClient в обоих проектах так же просто, как builder.Services.AddHttpClient();. Это сложно, поскольку вы не можете указать BaseAddress, используя эту настройку, поэтому каждый раз, когда вы отправляете HTTP-запрос от этого клиента, вы должны указывать полный URL-адрес конечной точки, к которой вы обращаетесь.

Чтобы использовать этот безымянный HttpClient, вам поможет следующий код в вашем компоненте.

[Inject] private IHttpClientFactory factory { get; set; } = default!;

private HttpClient client;

protected override Task OnInitializedAsync() {
    this.client = factory.CreateClient();
}

private async Task SomeMethodThatCallsAPI() {
    HttpResponseMessage response = await this.client.GetAsync("https://your.api.com/some/endpoint");
}

Я бы предложил настроить именованный клиент, даже если вы не думаете, что он вам нужен, потому что это позволяет вам настроить базовый адрес. Вот как это будет выглядеть.

Сначала ваша настройка (помните, оба проекта!)

builder.Services.AddHttpClient("MyAPI", client => {
    client.BaseAddress = new Uri("https://your.api.com/");
});

Тогда как вы будете использовать это в своем компоненте -

[Inject] private IHttpClientFactory factory { get; set; } = default!;

private HttpClient client;

protected override Task OnInitializedAsync() {
    this.client = factory.CreateClient("MyAPI");
}

private async Task SomeMethodThatCallsAPI() {
    HttpResponseMessage response = await this.client.GetAsync("some/endpoint");
}

Эти два подхода дадут вам один и тот же конечный результат, при этом второй подход сэкономит вам время на вводе текста, чем больше вы будете вызывать конечные точки с помощью HttpClient. Этот подход также полезен, если вам нужно включать заголовки в каждый запрос к этому базовому адресу, поскольку вы можете выполнить настройку заголовка, установив именованный HttpClient.