Blazor架构兼容确认及RenderMode.ServerPrerendered重复调用优化咨询

1. .NET 8中能否保留_Host.cshtml + App.razor架构？ #

可以继续使用旧架构，无需强制迁移到Routes.razor。.NET 8的新路由系统（Routes.razor）是可选特性，官方完全保留了对传统_Host.cshtml+App.razor模式的兼容支持。只要项目能正常编译运行，就可以维持现有架构，不需要因DevExpress的要求切换到新路由模式。

2. 解决ServerPrerendered模式下OnInitializedAsync()调用两次的问题 #

核心原因 #

ServerPrerendered模式会触发两次组件生命周期：第一次是服务器端预渲染（生成静态HTML返回客户端），第二次是交互式连接建立后（客户端与服务器建立SignalR连接，重新初始化组件），因此OnInitializedAsync会被执行两次。

可行解决方案 #

方案一：区分预渲染与交互式阶段

利用组件基类的IsPrerendering属性判断当前阶段，跳过预渲染时的数据库查询等耗时操作：

protected override async Task OnInitializedAsync()
{
    if (!IsPrerendering)
    {
        // 仅在交互式阶段执行数据库操作
        await LoadBusinessData();
    }
}

若需要预渲染时展示内容，可在该阶段返回加载占位符，交互式阶段再加载真实数据。

方案二：缓存共享预渲染数据

如果预渲染必须加载真实数据（比如需要SEO友好的静态内容），可将数据缓存到服务器端，第二次初始化时直接读取缓存避免重复查询：

private readonly IMemoryCache _memoryCache;

public YourComponent(IMemoryCache memoryCache)
{
    _memoryCache = memoryCache;
}

protected override async Task OnInitializedAsync()
{
    const string cacheKey = "YourBusinessDataKey";
    if (!_memoryCache.TryGetValue(cacheKey, out YourDataType data))
    {
        // 查询数据库
        data = await DbContext.YourEntities.ToListAsync();
        // 缓存数据，设置过期时间
        _memoryCache.Set(cacheKey, data, TimeSpan.FromMinutes(5));
    }
    YourData = data;
}

方案三：切换为纯InteractiveServer模式

如果业务场景对SEO无要求（比如后台管理系统），可直接将HeadOutlet的渲染模式改为InteractiveServer（.NET 8的标准写法）：

<component type="typeof(HeadOutlet)" render-mode="InteractiveServer" />

同时确保DevExpress组件的渲染模式配置匹配，这样组件只会初始化一次，彻底避免重复执行生命周期方法。

总结 #

不需要接受性能下降，通过上述方案可有效规避OnInitializedAsync()重复执行带来的数据库压力和耗时问题。优先根据业务场景选择方案：有SEO需求选缓存或阶段区分方案，无SEO需求则直接使用纯InteractiveServer模式。

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