Azure托管Blazor Server应用调用HTTP接口超时，如何绕过混合内容限制？

首先纠正一个关键误解：你当前的HttpClient代码是运行在Azure服务器端的，并非浏览器端，所以浏览器的「混合内容限制」和你遇到的服务器端调用超时无关。浏览器能直接请求HTTP API成功，说明目标API本身是可访问的，问题出在Azure环境的出站网络限制或配置上。

以下是可行的解决方案：

1. 检查Azure App Service的出站网络规则 #

• 登录Azure门户，进入你的App Service，导航至「网络」→「出站流量」，确认目标HTTP API的IP地址和端口（默认80）在允许出站的范围内。
• 若你的App Service使用免费/基础层，可能存在默认的出站流量限制，可考虑升级至标准层，或配置VNet集成来获得更灵活的网络权限。

2. 验证目标API的IP白名单设置 #

• 检查目标HTTP API是否设置了IP访问限制，将Azure App Service的出站IP地址（可在App Service「属性」中查看）添加至目标API的白名单，确保服务器端请求能被允许。

3. 用Azure Functions做HTTPS反向代理（核心方案） #

由于目标API不支持HTTPS，最稳妥的方式是搭建一个Azure Functions中间层，它天然支持HTTPS，由它转发请求到目标HTTP API，你的Blazor Server应用只需调用这个HTTPS的Functions端点即可。

Functions示例代码（C#）： #

using System.IO;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Azure.WebJobs;
using Microsoft.Azure.WebJobs.Extensions.Http;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.Logging;
using Newtonsoft.Json;

public static class ProxyFunction
{
    public static async Task<IActionResult> Run(
        [HttpTrigger(AuthorizationLevel.Anonymous, "post", Route = null)] HttpRequest req,
        ILogger log)
    {
        // 初始化HttpClient调用目标HTTP API
        var client = new System.Net.Http.HttpClient 
        { 
            BaseAddress = new System.Uri("http://webservice....") 
        };

        // 读取Blazor Server传来的请求体
        var requestBody = await new StreamReader(req.Body).ReadToEndAsync();
        var version = JsonConvert.DeserializeObject<Version>(requestBody);

        // 转发请求到目标API
        var response = await client.PostAsJsonAsync("", version);
        response.EnsureSuccessStatusCode();
        
        // 返回目标API的响应内容
        var content = await response.Content.ReadAsStringAsync();
        return new OkObjectResult(content);
    }
}

修改Blazor Server的调用代码： #

public static async Task<HttpResponseMessage> GetVersion()
{
    var client = new HttpClient 
    {
        // 替换为你的Azure Functions的HTTPS地址
        BaseAddress = new Uri("https://your-function-app-name.azurewebsites.net/api/ProxyFunction")
    };

    var getVersion = new Version();
    HttpResponseMessage response = await client.PostAsJsonAsync("", getVersion);
    response.EnsureSuccessStatusCode();

    return response;
}

4. 配置App Service的VNet集成（针对私有网络内的目标API） #

如果目标HTTP API部署在Azure私有VNet中，可在App Service的「网络」→「VNet集成」中配置连接，让服务器端请求通过私有网络访问目标API，避免公网的流量限制。

内容的提问来源于stack exchange，提问作者Jurij.S