Blazor 8.0 InteractiveServer模式下部分页面无限刷新闪烁问题

问题根源 #

全局设置<Routes @rendermode="InteractiveServer"/>会导致Identity的Account系列组件（如Login）陷入无限刷新循环，原因是：

• Account组件依赖服务器端身份验证的重定向逻辑，而交互式服务器模式下，组件状态更新会触发重复渲染，与认证系统的重定向机制产生冲突。
• 未认证用户访问受保护页面时，系统会重定向到Login页面，但InteractiveServer模式的渲染流程会反复触发认证检查，形成循环重定向，引发页面闪烁。

解决方案 #

方案1：移除全局渲染模式，为特定页面单独配置

修改App.razor，删除Routes组件上的全局@rendermode：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <base href="/"/>
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="app.css"/>
    <link rel="stylesheet" href="BlazorApp1.styles.css"/>
    <link rel="icon" type="image/png" href="favicon.png"/>
    <HeadOutlet/>
</head>
<body>
<Routes />
<script src="_framework/blazor.web.js"></script>
</body>
</html>

之后在需要使用交互式服务器模式的页面顶部单独添加：

@rendermode InteractiveServer

Account目录下的页面保持默认的静态/服务器预渲染模式即可。

方案2：通过路由约定批量设置目录渲染模式

在Program.cs中，为Account路径下的所有页面指定静态渲染模式，其余页面使用InteractiveServer：

app.MapRazorComponents<App>()
    .AddInteractiveServerRenderMode()
    .AddAdditionalAssemblies(typeof(BlazorApp1.Components.Account.Register).Assembly)
    .WithInteractiveServerRenderMode(new InteractiveServerRenderMode())
    .WithStaticRenderMode("/Account/{**}");

这种方式无需修改单个页面，直接通过路由规则批量配置渲染模式。

方案3：单独修改Account页面的渲染模式

直接在Account目录下的页面（如Login.razor）顶部添加静态渲染模式声明：

@page "/Account/Login"
@rendermode Static

适合仅需调整特定Account页面的场景。

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