在這篇文章中,我將向大家介紹,如何使用中間件組件來處理靜態文件。這篇文章中,我們討論下麵幾個問題:在ASP.NET Core中,我們需要把靜態文件存放在哪裡?在ASP.NET Core中 wwwroot文件夾是啥?怎樣在ASP.NET Core應用程式中,配置靜態文件中間件?UseFileServe ...
在這篇文章中,我將向大家介紹,如何使用中間件組件來處理靜態文件。這篇文章中,我們討論下麵幾個問題:
- 在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中怎麼處理靜態文件,怎麼使用靜態文件中間件來處理靜態文件,希望你們都學會了,不明白的,大家可以給我留言,如果覺得我寫得好,可以點個贊,謝謝。