Blazor中Auto模式下运行时判断当前渲染模式的方法

要在运行时判断组件处于Blazor Server还是WebAssembly模式，可以通过以下两种可靠方式实现：

方法一：使用IComponentRenderModeAccessor接口（推荐，.NET 7+） #

Blazor从.NET 7开始提供了IComponentRenderModeAccessor接口，可直接获取当前组件的渲染模式。

实现步骤： #

1. 在组件中注入该接口：

@inject IComponentRenderModeAccessor RenderModeAccessor

2. 在代码逻辑中判断渲染模式：

protected override async Task OnInitializedAsync()
{
    if (RenderModeAccessor.Mode is ServerRenderMode)
    {
        // 处于Server模式，直接调用内部API
        var response = await Http.GetAsync("http://api.internalhost");
        _response = await response.Content.ReadAsStringAsync();
    }
    else if (RenderModeAccessor.Mode is WebAssemblyRenderMode)
    {
        // 处于WebAssembly模式，改为调用公开代理API或提示无法访问
        _response = "当前环境无法访问内部API，请通过服务器代理请求";
    }
}

方法二：通过OperatingSystem.IsBrowser()判断 #

如果项目基于.NET 6及更早版本，可利用OperatingSystem.IsBrowser()方法判断运行环境：

protected override async Task OnInitializedAsync()
{
    if (!OperatingSystem.IsBrowser())
    {
        // 不在浏览器环境，即处于Server模式
        var response = await Http.GetAsync("http://api.internalhost");
        _response = await response.Content.ReadAsStringAsync();
    }
    else
    {
        // 运行在浏览器，即WebAssembly模式
        _response = "当前环境无法访问内部API，请通过服务器代理请求";
    }
}

额外优化建议 #

在Server模式下，直接注入内部API的服务实现替代HttpClient调用，能避免额外HTTP请求开销：

// 假设内部API有对应的服务接口
@inject IInternalApiService InternalApiService

protected override async Task OnInitializedAsync()
{
    if (RenderModeAccessor.Mode is ServerRenderMode)
    {
        _response = await InternalApiService.GetDataAsync();
    }
    else
    {
        _response = "当前环境无法访问内部API，请通过服务器代理请求";
    }
}

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