Блог

любитель net 5.0.

Я новичок в blazor и .net 5.0, я разрабатываю приложение с помощью blazor WebAssembly и WebAPI.

Есть два основных проекта: клиент, сервер.

Клиент — это Blazor WebAssembly, а сервер — проект контроллера WebAPI.

На стороне сервера, в контроллере, метод HttpGet, я добавляю значение в заголовок ответа:

         [HttpGet]
    public async Task<ActionResult<IList<Country>>> GetAsync([FromQuery] Pagination paginationDto)
    {
        /...
        httpContext.Response.Headers.Add("TotalPages", totalPages.ToString());
        //...
        IList<Country> = ...
        return resu<
    }
 

На странице razor проекта клиента вызовите api со следующим методом из общего calss:

         protected virtual async Task<PaginatedResponse<O>> GetAsync<O>(Pagination pagination)
    {
        HttpResponseMessage response = null;

        try
        {
            response = await httpClient.GetAsync(RequestUri);

            if (response.IsSuccessStatusCode)
            {
                try
                {
                    //This response Header always is null!
                    System.Console.WriteLine("response.Headers: "   response.Headers.ToString());

                    O result = await response.Content.ReadFromJsonAsync<O>();

                    var paginatedResponse = new PaginatedResponse<O>
                    {
                        Response = result,
                        TotalPages = totalPages
                    };

                    return paginatedResponse;
                }
    //...
        return defau<
    }
 

При вызове Api из postman результат и заголовок в порядке, и TotalPages есть.
В клиентском приложении результат в порядке, но заголовок равен нулю.

Любая информация спасет меня 😉

Заранее спасибо.

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

Таким образом, вместо API, возвращающего только список, где-нибудь есть PaginatedResponse класс в общей библиотеке .. например

     /// <summary>
    /// Paged result class
    /// </summary>
    /// <typeparam name="T"></typeparam>
    public class PaginatedResponse<T>
    {

        public int TotalPages { get; set; }

        public int Page { get; set; }

        public List<T> Data { get; set; }

    }
 

Затем ваш API возвращает это

     [HttpGet]
    public async Task<ActionResult<PaginatedResponse<Country>>> GetAsync([FromQuery] Pagination paginationDto)
    {
        // ... query results here
        var result = new PaginatedResponse<Country>() 
        {
             Page = x, 
             TotalPages = totalPages,
             Data = countrylist  // from query
        };
        return resu<
    }
 

Затем ваш клиент Blazor может использовать тот же PaginatedResponse класс и просто использовать стандартный GetFromJsonAsync метод:

     var result = await Http.GetFromJsonAsync<PaginatedResponse<Country>>("yourApiUri");
 

Вот почему я люблю Blazor!

Это именно тот ответ на вопрос, как искать ответ:

в проекте сервера, в startup.cs, в методе ConfigureServices добавьте следующий код для CORS или обновите свое правило CORS:

                 services.AddCors(options => options.AddPolicy(name: "WebApiProjectName or somthing", builder =>
        {
            builder.WithOrigins("http://localhost:xxxx") //xxxxx is server port
               .AllowAnyMethod()
               .AllowAnyHeader()
               //.AllowCredentials() // its optional for this answer
               .WithExposedHeaders("*"); // this is the code you need!
        }));