在這篇文章中，我將向大家介紹，如何使用中間件組件來處理靜態(tài)文件。這篇文章中，我們討論下面幾個(gè)問題：

• 在ASP.NET Core中，我們需要把靜態(tài)文件存放在哪里？
• 在ASP.NET Core中 wwwroot文件夾是啥？
• 怎樣在ASP.NET Core應(yīng)用程序中，配置靜態(tài)文件中間件？
• UseFileServer中間件的作用是什么？

最重要的特性之一就是;幾乎所有的web應(yīng)用程序都應(yīng)該具備直接從文件系統(tǒng)存取靜態(tài)文件的能力。ASP.NET Core能夠直接從客戶端獲取應(yīng)用程序的靜態(tài)文件，比如：HTML、Images、CSS、以及JavaScript文件。但是最重要的一點(diǎn)，你需要記住的是：默認(rèn)情況下，在ASP.NET Core中并不能直接獲取訪問這些靜態(tài)文件。需要額外在做一些配置，ASP.NET Core才能夠直接獲取訪問這些靜態(tài)文件。

在ASP.NET Core中，我們需要把靜態(tài)文件存放在哪里？

在ASP.NET Core中，默認(rèn)存放靜態(tài)文件的目錄或者地方就是wwwroot文件夾，并且這個(gè)wwwroot文件夾需要放在項(xiàng)目的根目錄下面。默認(rèn)情況下，這是ASP.NET Core應(yīng)用程序，能直接訪問靜態(tài)文件的目錄。但是我們可以通過使用UseWebRoot方法來改變這一默認(rèn)行為。在后面的文章中，我將介紹怎么改變默認(rèn)存在靜態(tài)文件的目錄。在這篇文章中，我們就使用wwwroot文件夾，來存放靜態(tài)文件。

我們打開，之前文章中，做的例子，創(chuàng)建的空白的ASP.NET Core項(xiàng)目：

可以看到空白模板，建的ASP.NET Core項(xiàng)目是沒有wwwroot文件夾的。

添加wwwroot文件夾

右鍵項(xiàng)目--選擇新建文件夾—【wwwroot】,一旦我們創(chuàng)建了wwwroot文件夾，我們?cè)诶锩嫣砑右粋€(gè)html文件：MyCustom.html

在HTML文件中，加上這句代碼：

現(xiàn)在讓我們來運(yùn)行程序，輸入這個(gè)地址：http://localhost:51519/MyCustom.html

你可以看到，并沒有得到我們想要的輸出結(jié)果，頁面上顯示的是我們?cè)贑onfigure方法中，使用Run擴(kuò)展方法，輸出的結(jié)果：也就是Get One GetTwo

我們之所以沒有得到想要的結(jié)果：是因?yàn)樵谡?qǐng)求處理管道中沒有任何一個(gè)中間件，可以處理靜態(tài)文件。

配置靜態(tài)文件中間件

ASP.NET Core中，提供了一個(gè)UseStaticFiles中間件，它可以用來處理靜態(tài)文件。我們來修改一下Configure方法，添加這個(gè)中間件：

現(xiàn)在運(yùn)行程序，輸出剛才的地址，就能得到想要的輸出結(jié)果了。

設(shè)置默認(rèn)頁

大多數(shù)應(yīng)用程序，都有一個(gè)默認(rèn)的頁面，例如：index.html或者default.html,作為它的啟動(dòng)頁面，啟動(dòng)頁面就是用戶訪問程序的根路徑的時(shí)候看到的頁面。例如：如果你有一個(gè)默認(rèn)的index.html頁面，那么不管什么時(shí)候用戶訪問你的網(wǎng)站根路徑的時(shí)候，看到的都是這個(gè)頁面。

現(xiàn)在我們?cè)趙wwroot文件夾下，添加一個(gè)index.html文件：

寫上這句代碼：

現(xiàn)在運(yùn)行程序，訪問根路徑：http://localhost:51519/

可以看到，得到的結(jié)果并不是我們想要的。為了得到想要的結(jié)果，我們需要添加另外一個(gè)中間件，也就是UseDefaultFiles()到請(qǐng)求管道中去。所以我們修改一下Configure方法：

現(xiàn)在我們運(yùn)行程序：

咦，咋回事，我們不是加了默認(rèn)頁面中間件了么，怎么沒效果？？？這是因?yàn)槲覀兲砑拥捻樞虿粚?duì)：

再運(yùn)行就是我們想要的結(jié)果了。

注意：你需要將UseDefaultFiles中間件，寫在UseStaticFiles中間件的上面。需要記住的是：UseDefaultFiles中間件僅僅只是將URL重寫，并不處理靜態(tài)文件。它的工作就是把URL重寫為默認(rèn)文件，然后UseStsticFiles中間件，就去處理這個(gè)默認(rèn)文件，我們就看到頁面了。

UseDefaultFiles中間件，將會(huì)在wwwroot目錄下面，找下面的文件：

index.htm

index.html

default.htm

default.html

這就是默認(rèn)的行為。但是你同樣可以改變這一約定俗成的行為。例如，如果你想MyCustom.html，作為默認(rèn)頁面，你可以這樣：在Configure方法中，寫如下代碼：

現(xiàn)在運(yùn)行程序就得到你想要的結(jié)果了：

如果沒有得到你想要的結(jié)果，可能就是頁面有緩存，用Ctrl+F5強(qiáng)制刷新一下，就行了。

UseFileServer中間件的作用是什么？

UseFileServer中間件組件，包含這幾個(gè)中間件的功能：UseStaticFiles、UseDefaultFiles以及UseDirectoryBrowser.我們已經(jīng)學(xué)習(xí)了UseStaticFiles和UseDefaultFiles這兩個(gè)中間件。UseDirectoryBrowser中間件，根據(jù)名字來看就是啟動(dòng)目錄瀏覽，也就是允許用戶可以看到指定目錄下面的文件。在我們的例子中，我們可以使用UseFileServer中間件，來取代UseDefaultFiles和UseStsticFiles中間件，看：

然后運(yùn)行程序：結(jié)果也是一樣：

可以看到使用UseFileServer中間件，就很好的替換了之前的代碼了：是不是很厲害！

到此這篇關(guān)于ASP.NET Core 應(yīng)用程序中的靜態(tài)文件中間件的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)ASP.NET Core 靜態(tài)文件中間件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論