.NET 8 Blazor InteractiveAuto模式下计数器页为何每次全量从服务器获取？

对InteractiveAuto渲染模式的误解 #

你对InteractiveAuto的理解存在偏差：该模式的核心是组件交互逻辑的自动切换，而非页面导航的完全客户端化。具体逻辑是：

• 首次访问（含地址栏直接输入、页面刷新）：页面通过服务器端渲染（SSR）返回，同时浏览器开始下载WASM运行时及程序集。
• WASM就绪后：组件的交互操作（如点击计数器按钮）会切换到客户端WASM处理，不再依赖Blazor Server连接；但如果是通过浏览器地址栏刷新或直接访问页面，依然会触发服务器端的全量渲染，这是HTTP请求的固有特性。

可能的原因及解决方案 #

• 使用了非Blazor客户端导航方式
  如果页面跳转用的是普通<a>标签而非Blazor的<NavLink>组件，每次跳转都会触发HTTP请求，导致服务器全量返回页面。解决方式：
  替换所有页面导航为Blazor客户端导航组件：

  <NavLink href="counter" class="nav-link">
      Counter
  </NavLink>
  

  当WASM加载完成后，通过NavLink导航到计数器页时，会由客户端路由处理，无需服务器全量返回页面内容。

• WASM资源未成功加载
  检查浏览器开发者工具的Network标签，确认是否加载了dotnet.wasm、_framework/blazor.webassembly.js及相关程序集文件。如果这些资源未加载，InteractiveAuto会一直 fallback 到Blazor Server模式。

  • 验证方式：打开浏览器控制台，查看是否有Blazor相关日志提示WASM加载完成；
  • 排查方向：检查服务器端Program.cs是否包含正确配置：

    builder.Services.AddRazorComponents()
        .AddInteractiveServerComponents()
        .AddInteractiveWebAssemblyComponents();
    
    app.MapRazorComponents<App>()
        .AddInteractiveServerRenderMode()
        .AddInteractiveWebAssemblyRenderMode()
        .AddAdditionalAssemblies(typeof(Counter).Assembly);
    

• 浏览器缓存或资源加载延迟
  首次加载时WASM资源体积较大，可能需要几秒时间完成下载。如果在WASM就绪前就导航到计数器页，依然会触发服务器端渲染。验证方式：首次加载首页后，等待几秒（观察Network标签中WASM资源加载完成），再通过NavLink导航到计数器页，此时应不会触发服务器全量请求。

验证方法 #

1. 打开浏览器开发者工具的Network标签，勾选“Disable cache”；
2. 首次访问首页，观察服务器返回首页内容，同时开始下载WASM资源；
3. 等待WASM资源加载完成后，通过NavLink点击进入计数器页，此时Network标签中应只有少量请求（如API请求，若有的话），而非全量页面请求；
4. 若刷新计数器页，依然会触发服务器全量渲染，这是正常行为。

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