Blazor页面渲染后立即触发Dispose：是否为Bug？如何避免？

问题描述 #

在Blazor页面（例如使用无内容的@page "/"）中实现IDisposable接口，并为Dispose()方法设置断点后，发现应用启动后该方法会立即被调用。这并非Bug，而是由Blazor的渲染机制导致，以下是具体原因和解决方案。

原因分析 #

Blazor Server默认包含预渲染步骤：服务器会先将组件渲染为静态HTML返回给客户端，之后再建立SignalR连接进行交互式渲染。预渲染阶段创建的组件实例会在预渲染完成后被销毁，因此Dispose()方法会被提前触发。

此前一些基于检查JS Runtime是否初始化的变通方案，属于依赖底层实现细节的临时手段，并不推荐使用。

解决方案 #

给目标页面组件添加[StreamRendering]特性，指定Blazor采用流式SSR渲染模式。该模式会跳过预渲染环节，组件实例仅在交互式渲染流程中创建，Dispose()方法也就不会在应用启动时被提前调用。

示例代码：

[StreamRendering]
@page "/"
@implements IDisposable

<!-- 组件内容 -->

@code {
    public void Dispose()
    {
        // 自定义清理逻辑
    }
}

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