在Asp.Net Core中debug时修改cshtml页面前端页面不刷新问题

引出问题

我们都知道在 .Net Framework时代,我们在开发 Asp .Net web页面时,有的时候我们通过浏览器来调试网页的数据,发现页面数据有问题,或者布局样式有问题,我们会直接修改(debug状态下)cshtml页面,Ctrl+S保存之后,刷新浏览器页面,就可以获取到修改后的罪行的页面.

但是.....

在 .Net Core 3.x 中,如果我们在debug状态下,修改了cshtml页面Ctrl+S保存之后,再刷新浏览器页面是不会获取到最新的浏览器页面的,那么我们期望在修改页面后,不需要重新编译在运行,直接在浏览器刷新页面就能看到最新的更改,我们应该怎么做呢?

解决以上问题的官方描述文档如下:
官方文档

Razor 编译

Rezor SDK 默认启用Razor文件的生成时和发布时编译,启用后,运行时编译将补充生成时编译,允许更新Rezor文件(如果对其进行了编辑).

运行时编译

使用Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation包启用运行时需要启用运行时编译.

使用步骤:

1. 在Nuget 中安装如下依赖项

Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation

2. 在注入了.Add.AddControllersWithViews()的方法后追加.AddRazorRuntimeCompilation()方法即可.