Blazor组件修改后刷新页面不更新，为何需重启服务器而非像Angular自动更新？

兄弟，我太懂你这种困惑了——刚上手Blazor Server，改完组件代码刷新浏览器，结果页面跟没改一样，跟之前用Angular的热更新完全不是一回事，还得重启服务器才能看到变化，这确实有点磨人。我来给你把这事说透：

核心原因：Blazor Server和Angular的运行模式本质不同 #

• Angular是纯客户端SPA，代码编译后直接在浏览器里运行，改完代码后热更新会把新的客户端资源推给浏览器，刷新一下自然就生效了。
• 但Blazor Server是服务器端运行组件逻辑，浏览器只是个“显示终端”，通过SignalR和服务器通信。每个打开页面的用户，服务器都会为其保留一个组件实例。你改了代码后，服务器上已经在运行的旧组件实例不会自动替换，所以刷新浏览器时，服务器还是用旧实例渲染页面，自然看不到新内容。

解决办法，按便捷度排序： #

1. 启用热重载（Hot Reload）——首选！

   • 这是最省心的方式，不用重启服务器。如果你用Visual Studio，右上角启动按钮旁边的小火焰图标就是热重载开关，默认是开启的。改完代码保存后，热重载会自动更新服务器上的组件实例，要么浏览器自动刷新显示新内容，要么手动刷一下就好。
   • 用命令行的话，直接跑dotnet watch run，dotnet watch自带热重载功能，保存代码后会自动同步更新。

2. 强制刷新浏览器（Ctrl + F5）

   • 要是暂时没法用热重载，试试按Ctrl + F5强制刷新（跳过浏览器缓存），这会让Blazor Server重新创建组件实例，加载你刚改的新代码。不过这个方法只对你当前的浏览器会话有效，其他用户的会话还是旧的。

3. 检查项目编译配置

   • 偶尔会因为项目配置问题导致热重载失效，你可以打开项目的.csproj文件，看看有没有加这个配置：

     <HotReloadProfile>aspnetcore</HotReloadProfile>
     

   确保热重载的配置是正确的，这样改代码后才能正常触发编译更新。

举你的例子来说：你把Index.cshtml里的<h1>Hello, world!</h1>改成<h1>Hello people</h1>，如果开了热重载，保存后马上就能看到变化；要是没开，要么重启服务器，要么按Ctrl + F5强制刷新，服务器才会用新的组件代码渲染页面。

另外提一句：如果是Blazor WebAssembly模式，就和Angular更像了——代码在客户端运行，改完刷新浏览器就能生效，不过你现在用的应该是Blazor Server模式~

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