如何在浏览器中运行并查看ASP.NET的.cshtml文件?
如何运行ASP.NET的.cshtml文件并在浏览器查看
首先明确:.cshtml不是普通静态HTML文件,它是ASP.NET的服务器端视图文件,包含Razor语法(以@开头的代码),必须依托完整的ASP.NET项目结构才能被解析运行,没法像静态HTML那样直接打开。
以下是具体步骤:
确认.NET SDK已正确安装
打开终端输入dotnet --version,能输出具体版本号就说明安装正常;如果没有输出,先安装对应版本的.NET SDK。创建标准的ASP.NET项目
找一个空文件夹,在终端进入该文件夹,运行以下命令创建项目:- 若想快速体验,推荐创建轻量的Razor页面项目:
dotnet new razor - 若需要MVC结构,运行:
dotnet new mvc
执行完命令后,文件夹里会生成完整的项目结构(包含.csproj配置文件、Pages/Views目录等)。
- 若想快速体验,推荐创建轻量的Razor页面项目:
放置你的.cshtml文件到对应目录
- Razor页面项目:把你的
.cshtml文件直接放到项目根目录下的Pages文件夹里 - MVC项目:把文件放到
Views目录下对应控制器的子文件夹里(比如Views/Home),如果是首页可以替换Views/Home/Index.cshtml
- Razor页面项目:把你的
启动项目并访问
在终端进入项目根目录(就是有.csproj文件的那个目录),运行dotnet run。终端会输出类似Now listening on: http://localhost:5000的地址。
打开浏览器访问该地址:- Razor页面:如果你的文件名叫
MyPage.cshtml,就访问http://localhost:5000/MyPage - MVC项目:访问
http://localhost:5000/Home/你的文件名(去掉.cshtml后缀),如果替换了首页文件,直接访问根地址即可。
- Razor页面:如果你的文件名叫
为什么你之前的方法没用?
- Live Server、直接拖拽到浏览器:这些都是处理静态文件的方式,没法解析
.cshtml里的服务器端Razor代码,只会显示源码。 - Express服务器:这是Node.js生态的服务器,不认识ASP.NET的Razor语法,自然无法解析。
- 单独运行
dotnet run:如果你的.cshtml不在标准ASP.NET项目结构里,.NET runtime找不到对应的解析环境,也无法正确渲染页面。
内容的提问来源于stack exchange,提问作者lhnaseeb
相关产品推荐
相关产品推荐

