首页 > 解决方案 > Blazor Webassembly - 调用外部 API

问题描述

我一直在尝试从 Blazor 客户端 Web 程序集中调用单独的 asp.net 核心 Web api。我在这个控制器中使用了模板 Web API 模板。我在 startup.cs 中设置了 CORS。我在 Blazor 客户端中使用标准 HTTP 客户端。在本地运行,我可以在 API 代码上设置一个断点并查看它是否被命中。但是客户端抛出异常:类型错误

任何帮助将不胜感激。

大卫

[Route("[controller]")]
public class WeatherForecastController : ControllerBase
{
    private static readonly string[] Summaries = new[]
    {
        "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
    };

    private readonly ILogger<WeatherForecastController> _logger;

    public WeatherForecastController(ILogger<WeatherForecastController> logger)
    {
        _logger = logger;
    }

    [HttpGet]
    public IEnumerable<WeatherForecast> Get()
    {
        var rng = new Random();
        return Enumerable.Range(1, 5).Select(index => new WeatherForecast
        {
            Date = DateTime.Now.AddDays(index),
            TemperatureC = rng.Next(-20, 55),
            Summary = Summaries[rng.Next(Summaries.Length)]
        })
        .ToArray();
    }
}

Startup.cs
     services.AddCors(options =>
            {
                options.AddPolicy(name: MyAllowSpecificOrigins,
                                  builder =>
                                  {
                                      builder.WithOrigins("http://example.com",
                                                          "http://www.contoso.com")
                                                          .AllowAnyOrigin()
                                                          .AllowAnyMethod()
                                                          .AllowAnyHeader();
                                  });
            });

Blazor Client
var response = await Http.GetFromJsonAsync<WeatherForecast[]>("WeatherForecast");

标签: httpclientblazorblazor-webassembly

解决方案


我遇到了同样的错误,在使用开发人员工具控制台时,看起来混合内容是不允许的(https 和 http)。混合内容:“https://”处的页面是通过 HTTPS 加载的,但请求了不安全的资源“http://”。此请求已被阻止;内容必须通过 HTTPS 提供。检查您的页面是否也是这种情况。


推荐阅读