ASP.NET Core 应用程序中的静态文件中间件的实现

在这篇文章中，我将向大家介绍，如何使用中间件组件来处理静态文件。这篇文章中，我们讨论下面几个问题：

  • 在ASP.NET Core中，我们需要把静态文件存放在哪里？
  • 在ASP.NET Core中 wwwroot文件夹是啥？
  • 怎样在ASP.NET Core应用程序中，配置静态文件中间件？
  • UseFileServer中间件的作用是什么？

最重要的特性之一就是;几乎所有的web应用程序都应该具备直接从文件系统存取静态文件的能力。ASP.NET Core能够直接从客户端获取应用程序的静态文件，比如：HTML、Images、CSS、以及JavaScript文件。但是最重要的一点，你需要记住的是：默认情况下，在ASP.NET Core中并不能直接获取访问这些静态文件。需要额外在做一些配置，ASP.NET Core才能够直接获取访问这些静态文件。

在ASP.NET Core中，我们需要把静态文件存放在哪里？

在ASP.NET Core中，默认存放静态文件的目录或者地方就是wwwroot文件夹，并且这个wwwroot文件夹需要放在项目的根目录下面。默认情况下，这是ASP.NET Core应用程序，能直接访问静态文件的目录。但是我们可以通过使用UseWebRoot方法来改变这一默认行为。在后面的文章中，我将介绍怎么改变默认存在静态文件的目录。在这篇文章中，我们就使用wwwroot文件夹，来存放静态文件。

我们打开，之前文章中，做的例子，创建的空白的ASP.NET Core项目：

可以看到空白模板，建的ASP.NET Core项目是没有wwwroot文件夹的。

添加wwwroot文件夹

右键项目--选择新建文件夹—【wwwroot】,一旦我们创建了wwwroot文件夹，我们在里面添加一个html文件：MyCustom.html

在HTML文件中，加上这句代码：

现在让我们来运行程序，输入这个地址：http://localhost:51519/MyCustom.html

你可以看到，并没有得到我们想要的输出结果，页面上显示的是我们在Configure方法中，使用Run扩展方法，输出的结果：也就是Get One GetTwo

我们之所以没有得到想要的结果：是因为在请求处理管道中没有任何一个中间件，可以处理静态文件。

配置静态文件中间件

ASP.NET Core中，提供了一个UseStaticFiles中间件，它可以用来处理静态文件。我们来修改一下Configure方法，添加这个中间件：

现在运行程序，输出刚才的地址，就能得到想要的输出结果了。

设置默认页

大多数应用程序，都有一个默认的页面，例如：index.html或者default.html,作为它的启动页面，启动页面就是用户访问程序的根路径的时候看到的页面。例如：如果你有一个默认的index.html页面，那么不管什么时候用户访问你的网站根路径的时候，看到的都是这个页面。

现在我们在wwwroot文件夹下，添加一个index.html文件：

写上这句代码：

现在运行程序，访问根路径：http://localhost:51519/

可以看到，得到的结果并不是我们想要的。为了得到想要的结果，我们需要添加另外一个中间件，也就是UseDefaultFiles()到请求管道中去。所以我们修改一下Configure方法：

现在我们运行程序：

咦，咋回事，我们不是加了默认页面中间件了么，怎么没效果？？？这是因为我们添加的顺序不对：

再运行就是我们想要的结果了。

注意：你需要将UseDefaultFiles中间件，写在UseStaticFiles中间件的上面。需要记住的是：UseDefaultFiles中间件仅仅只是将URL重写，并不处理静态文件。它的工作就是把URL重写为默认文件，然后UseStsticFiles中间件，就去处理这个默认文件，我们就看到页面了。

UseDefaultFiles中间件，将会在wwwroot目录下面，找下面的文件：

index.htm

index.html

default.htm

default.html

这就是默认的行为。但是你同样可以改变这一约定俗成的行为。例如，如果你想MyCustom.html，作为默认页面，你可以这样：在Configure方法中，写如下代码：

现在运行程序就得到你想要的结果了：

如果没有得到你想要的结果，可能就是页面有缓存，用Ctrl+F5强制刷新一下，就行了。

UseFileServer中间件的作用是什么？

UseFileServer中间件组件，包含这几个中间件的功能：UseStaticFiles、UseDefaultFiles以及UseDirectoryBrowser.我们已经学习了UseStaticFiles和UseDefaultFiles这两个中间件。UseDirectoryBrowser中间件，根据名字来看就是启动目录浏览，也就是允许用户可以看到指定目录下面的文件。在我们的例子中，我们可以使用UseFileServer中间件，来取代UseDefaultFiles和UseStsticFiles中间件，看：

然后运行程序：结果也是一样：

可以看到使用UseFileServer中间件，就很好的替换了之前的代码了：是不是很厉害！

到此这篇关于ASP.NET Core 应用程序中的静态文件中间件的实现的文章就介绍到这了,更多相关ASP.NET Core 静态文件中间件内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • ASP.NET Core静态文件的使用方法

    ASP.NET Core静态文件的使用方法

    前言 静态文件(HTML,CSS,图片和Javascript之类的资源)会被ASP.NET Core应用直接提供给客户端. 静态文件通常位于网站根目录(web root) <content-root>/wwwroot文件夹下.通常会把项目的当前目录设置为Content root,这样项目的web root就可以在开发阶段被明确. public static IWebHostBuilder CreateWebHostBuilder(string[] args) => WebHost.Cre

  • 解析如何利用一个ASP.NET Core应用来发布静态文件

    解析如何利用一个ASP.NET Core应用来发布静态文件

    虽然ASP.NET Core是一款"动态"的Web服务端框架,但是在很多情况下都需要处理针对静态文件的请求,最为常见的就是这对JavaScript脚本文件.CSS样式文件和图片文件的请求.针对不同格式的静态文件请求的处理,ASP.NET Core为我们提供了三个中间件,它们将是本系列文章论述的重点.不过在针对对它们展开介绍之前,我们照理通过一些简单的实例来体验一下如何在一个ASP.NET Core应用中发布静态文件. 目录 一.以Web的形式读取文件 二.浏览目录内容 三.显示默认页面

  • ASP.NET Core静态文件使用教程（9）

    ASP.NET Core静态文件使用教程（9）

    在这一章,我们将学习如何使用文件.几乎每个web应用程序都需要一个重要特性:能够从文件系统提供文件(静态文件). 静态文件像JavaScript文件.图片.CSS文件等,我们Asp.Net Core应用程序可以直接提供给客户. 静态文件通常位于web根(wwwroot)文件夹. 默认情况下,这是我们可以直接从文件系统提供文件的唯一的地方.  案例 现在让我们通过一个简单的示例来了解我们在我们的应用程序如何提供这些静态文件. 在这里,我们想要向我们的 FirstAppDemo 应用程序添加一个简单

  • ASP.NET Core中预压缩静态文件的方法步骤

    前言 Web应用程序的优化是非常重要,因为使用更少的CPU,占用更少的带宽可以减少项目的费用. 在ASP.NET Core中我们可以很容易的启用响应压缩,但是针对预压缩文件,就需要做一些额外的功能了. 这篇博客文章展示了如何在ASP.NET Core中预压缩静态文件. 下面话不多说了,来一起看看详细的介绍吧 为什么需要预压缩文件? 虽然在从服务器请求文件时, 我们可以动态压缩文件,但这意味这Web服务器需要做更多的额外工作. 其实只有在新的应用程序部署时才会更改要压缩的文件. 越好的压缩效果需要

  • ASP.NET Core 应用程序中的静态文件中间件的实现

    在这篇文章中,我将向大家介绍,如何使用中间件组件来处理静态文件.这篇文章中,我们讨论下面几个问题: 在ASP.NET Core中,我们需要把静态文件存放在哪里? 在ASP.NET Core中 wwwroot文件夹是啥? 怎样在ASP.NET Core应用程序中,配置静态文件中间件? UseFileServer中间件的作用是什么? 最重要的特性之一就是;几乎所有的web应用程序都应该具备直接从文件系统存取静态文件的能力.ASP.NET Core能够直接从客户端获取应用程序的静态文件,比如:HTML

  • 在ASP.Net Core应用程序中使用Bootstrap4

    在ASP.Net Core应用程序中使用Bootstrap4

    笔者的前端文件如下 笔者增加Bootstrap 4 和 FontAwersome(字体图标),因为Bootsrap 4已经不再包含图标了. ASp.Net Core 中,通常在 _Layout.cshtml 文件设置全局css.js文件, 其中有两个标签 <environment include="Development"> </environment> <environment exclude="Development"> &l

  • ASP.NET Core中的静态文件介绍

    ASP.NET Core中的静态文件介绍

    静态文件(HTML,CSS,图片和Javascript之类的资源)会被ASP.NET Core应用直接提供给客户端. 静态文件通常位于网站根目录(web root) <content-root>/wwwroot文件夹下.通常会把项目的当前目录设置为Content root,这样项目的web root就可以在开发阶段被明确. public static IWebHostBuilder CreateWebHostBuilder(string[] args) => WebHost.Create

  • 详解将ASP.NET Core应用程序部署至生产环境中（CentOS7）

    详解将ASP.NET Core应用程序部署至生产环境中（CentOS7）

    将ASP.NET Core应用程序部署至生产环境中(CentOS7) 阅读目录 环境说明 准备你的ASP.NET Core应用程序 安装CentOS7 安装.NET Core SDK for CentOS7. 部署ASP.NET Core应用程序 配置Nginx 配置守护服务(Supervisor) 这段时间在使用Rabbit RPC重构公司的一套系统(微信相关),而最近相关检验(逻辑测试.压力测试)已经完成,接近部署至线上生产环境从而捣鼓了ASP.NET Core应用程序在CentOS上的部署

  • ASP.NET Core中的静态文件

    ASP.NET Core中的静态文件

    目录 1.前言 2.设置静态文件目录 2.1 设置默认静态文件目录 2.2 设置访问Web根目录外的文件 3.设置HTTP响应标头 4.静态文件授权 5.启用目录浏览 6.设置静态文件默认文档 6.1设置默认文档 6.2更改默认文档名称 7.UseFileServer 1.前言 当我们创建Core项目的时候,Web根目录下会有个wwwroot文件目录,wwwroot文件目录里面默认有HTML.CSS.IMG.JavaScript等文件,而这些文件都是Core提供给客户端使用的静态文件.但是这些静

  • 如何在ASP.NET Core应用程序运行Vue并且部署在IIS上详解

    如何在ASP.NET Core应用程序运行Vue并且部署在IIS上详解

    前言 从.NET Core 1.0开始我们就将其应用到项目中,但是呢我对ASP.NET Core一些原理也还未开始研究,仅限于会用,不过园子中已有大量文章存在,借着有点空余时间,我们来讲讲如何利用ASP.NET Core结合Vue在IIS上运行. ASP.NET Core结合Vue部署于IIS 关于安装Vue和Webpack则不再叙述,我们直接来创建ASP.NET Core应用程序或者通过dotnet new mvc创建ASP.NET Core应用程序 接下来在上述应用程序下通过如下命令创建Vu

  • ASP.NET Core 2.0中Razor页面禁用防伪令牌验证

    在这篇短文中,我将向您介绍如何ASP.NET Core Razor页面中禁用防伪令牌验证. Razor页面是ASP.NET Core 2.0中增加的一个页面控制器框架,用于构建动态的.数据驱动的网站:支持跨平台开发,可以部署到Windows,Unix和Mac操作系统. 跨站点请求伪造(也称为XSRF或CSRF)是对Web托管应用程序的攻击,因为恶意网站可能会影响客户端浏览器和浏览器信任网站之间的交互.这种攻击是完全有可能的,因为Web浏览器会自动在每一个请求中发送某些身份验证令牌到请求网站.这种

  • ASP.NET Core如何实现简单的静态网站滚动更新

    ASP.NET Core如何实现简单的静态网站滚动更新

    目录 Intro FileProvider Construct Host Demo More 总结 Intro 最近我们老板想让我实现一个静态网站"滚动更新"的功能,其实就是希望网站部署的时候网站内容完整的切换,不能网站部署的过程中一部分是新的内容,另外一部分是老的内容. 这让我想到了微软的 Azure App Service,上家公司主要是用微软的云服务 Azure,站点是部署到 Azure App Service 上的,Azure App Service 有一个部署槽的概念,我们的

  • 修改 asp.net core 5 程序的默认端口号

    以下文章来源于微信公众号DotNetCore实战 在本地开发环境下,我们知道可以通过修改launchSettings.json 文件中的端口号来实现端口切换. "WebApplication1": {       "commandName": "Project",       "launchBrowser": true,       "launchUrl": "weatherforecast&qu

  • ASP.NET Core应用程序配置文件AppSetting.json

    ASP.NET Core应用程序配置文件AppSetting.json

    AppSetting.json 当我们使用空项目模板或Razor页面或MVC模板或Web API模板创建ASP.NET Core Web应用程序时,Visual Studio会自动为我们创建appsettings.json文件,如下图所示. appsettings.json文件是一个应用程序配置文件,用于存储配置设置,例如数据库连接字符串,任何应用程序范围的全局变量等.如果打开ASP.NET Core appsettings.json文件,则默认情况下会看到以下代码 这是由Visual Stud

随机推荐