在Blazor服务器端应用程序中首次调用Web API不起作用的问题可能有多种原因。以下是一些可能的解决方法，包括代码示例：

1. 确保Web API的URL正确配置： 在Blazor应用程序中调用Web API时，首先要确保API的URL正确配置。可以在Program.cs文件中的CreateHostBuilder方法中设置API的URL。例如：

   public static IHostBuilder CreateHostBuilder(string[] args) =>
       Host.CreateDefaultBuilder(args)
           .ConfigureWebHostDefaults(webBuilder =>
           {
               webBuilder.UseStartup();
               webBuilder.UseUrls("https://localhost:5001"); // 设置API的URL
           });
   

2. 使用HttpClient调用Web API： 在Blazor应用程序中使用HttpClient类调用Web API。可以在组件的构造函数中注入HttpClient，并使用它来调用API。例如：

   public class MyComponent : ComponentBase
   {
       private readonly HttpClient _httpClient;
   
       public MyComponent(HttpClient httpClient)
       {
           _httpClient = httpClient;
       }
   
       protected override async Task OnInitializedAsync()
       {
           // 调用Web API
           var response = await _httpClient.GetAsync("api/myapi");
           if (response.IsSuccessStatusCode)
           {
               var result = await response.Content.ReadAsStringAsync();
               // 处理返回的结果
           }
       }
   }
   

3. 配置API的跨域访问： 如果Web API位于不同的域或端口上，需要在API的Startup类中配置跨域访问。可以使用AddCors方法并在Configure方法中调用UseCors方法来配置跨域访问。例如：

   public void ConfigureServices(IServiceCollection services)
   {
       services.AddCors(options =>
       {
           options.AddPolicy("AllowAllOrigins", builder =>
           {
               builder.AllowAnyOrigin()
                      .AllowAnyHeader()
                      .AllowAnyMethod();
           });
       });
       // 其他配置代码
   }
   
   public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
   {
       // 其他中间件配置代码
       app.UseCors("AllowAllOrigins");
       // 其他中间件配置代码
   }
   

   然后，在Blazor应用程序中调用API时，请确保在HttpClient请求中包含正确的跨域请求头。例如：

   protected override async Task OnInitializedAsync()
   {
       // 调用Web API
       var request = new HttpRequestMessage(HttpMethod.Get, "api/myapi");
       request.Headers.Add("Origin", "https://blazorapp.com"); // 设置正确的Origin头
       var response = await _httpClient.SendAsync(request);
       if (response.IsSuccessStatusCode)
       {
           var result = await response.Content.ReadAsStringAsync();
           // 处理返回的结果
       }
   }
   

以上是一些可能的解决方法，根据具体情况选择适合的解决方法。同时，确保Web API的可用性和正确性，以便在Blazor应用程序中进行调用。