Blazor WebAssembly中Microsoft.Data.SqlClient.SqlClientFactory.Instance返回null求助

核心原因 #

Blazor WebAssembly运行在浏览器沙箱环境里，而Microsoft.Data.SqlClient是为服务器端.NET环境设计的——它依赖的系统级网络、IO能力在浏览器中被严格限制，不仅没法初始化SqlClientFactory实例（所以返回null），浏览器本身的安全策略也不允许直接发起SQL Server的TCP连接。

解决方案 #

你必须通过后端API作为中间层来操作数据库，绝对不能在Blazor WASM前端直接连接SQL Server，具体步骤如下：

1. 搭建后端API项目 #

新建一个ASP.NET Core Web API项目，在API控制器里用Microsoft.Data.SqlClient实现数据库操作：

[ApiController]
[Route("api/[controller]")]
public class DataController : ControllerBase
{
    private readonly string _connString;

    public DataController(IConfiguration config)
    {
        _connString = config.GetConnectionString("DefaultConnection");
    }

    [HttpGet("fetch-data")]
    public IActionResult FetchData()
    {
        var factory = SqlClientFactory.Instance;
        using var conn = factory.CreateConnection();
        conn.ConnectionString = _connString;
        conn.Open();

        using var cmd = factory.CreateCommand();
        cmd.Connection = conn;
        cmd.CommandText = "SELECT * FROM YourTargetTable";

        var reader = cmd.ExecuteReader();
        // 这里处理查询结果，比如转换成实体列表
        // ...

        return Ok(/* 返回处理好的数据 */);
    }
}

2. 在Blazor WASM前端调用API #

在Blazor组件中注入HttpClient，通过它调用后端API获取数据：

@inject HttpClient Http

@code {
    private List<YourDataModel> _dataset;

    protected override async Task OnInitializedAsync()
    {
        _dataset = await Http.GetFromJsonAsync<List<YourDataModel>>("api/data/fetch-data");
    }
}

3. 配置跨域（CORS） #

如果Blazor WASM和API不在同一域名下，需要在API项目的Program.cs中配置跨域规则：

builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowBlazorClient", policy =>
    {
        policy.WithOrigins("https://your-blazor-app-domain")
              .AllowAnyHeader()
              .AllowAnyMethod();
    });
});

// 注意要放在路由中间件之前
app.UseCors("AllowBlazorClient");

关键提醒 #

• 绝对不要在Blazor WASM前端暴露数据库连接字符串，这会直接导致数据库被恶意攻击。
• 所有数据库操作逻辑都要放在后端API中，前端只负责调用API和展示数据。

内容的提问来源于stack exchange，提问作者Jurjen