15.ASP.NET Core 應用程式中的靜態文件中間件

来源:https://www.cnblogs.com/caofangsheng/archive/2020/04/17/12722974.html
-Advertisement-
Play Games

在這篇文章中,我將向大家介紹,如何使用中間件組件來處理靜態文件。這篇文章中,我們討論下麵幾個問題:在ASP.NET Core中,我們需要把靜態文件存放在哪裡?在ASP.NET Core中 wwwroot文件夾是啥?怎樣在ASP.NET Core應用程式中,配置靜態文件中間件?UseFileServe ...


在這篇文章中,我將向大家介紹,如何使用中間件組件來處理靜態文件。這篇文章中,我們討論下麵幾個問題:

  1. 在ASP.NET Core中,我們需要把靜態文件存放在哪裡?
  2. 在ASP.NET Core中 wwwroot文件夾是啥?
  3. 怎樣在ASP.NET Core應用程式中,配置靜態文件中間件?
  4. 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項目:

image

可以看到空白模板,建的ASP.NET Core項目是沒有wwwroot文件夾的。

添加wwwroot文件夾

右鍵項目--選擇新建文件夾—【wwwroot】,一旦我們創建了wwwroot文件夾,我們在裡面添加一個html文件:MyCustom.html

image

在HTML文件中,加上這句代碼:

image

現在讓我們來運行程式,輸入這個地址:http://localhost:51519/MyCustom.html

image

你可以看到,並沒有得到我們想要的輸出結果,頁面上顯示的是我們在Configure方法中,使用Run擴展方法,輸出的結果:也就是Get One GetTwo

image

我們之所以沒有得到想要的結果:是因為在請求處理管道中沒有任何一個中間件,可以處理靜態文件。

配置靜態文件中間件

ASP.NET Core中,提供了一個UseStaticFiles中間件,它可以用來處理靜態文件。我們來修改一下Configure方法,添加這個中間件:

image

現在運行程式,輸出剛纔的地址,就能得到想要的輸出結果了。

image

設置預設頁

大多數應用程式,都有一個預設的頁面,例如:index.html或者default.html,作為它的啟動頁面,啟動頁面就是用戶訪問程式的根路徑的時候看到的頁面。例如:如果你有一個預設的index.html頁面,那麼不管什麼時候用戶訪問你的網站根路徑的時候,看到的都是這個頁面。

現在我們在wwwroot文件夾下,添加一個index.html文件:

image

寫上這句代碼:

image

現在運行程式,訪問根路徑:http://localhost:51519/

image

可以看到,得到的結果並不是我們想要的。為了得到想要的結果,我們需要添加另外一個中間件,也就是UseDefaultFiles()到請求管道中去。所以我們修改一下Configure方法:

image

現在我們運行程式:

image

咦,咋回事,我們不是加了預設頁面中間件了麽,怎麼沒效果???這是因為我們添加的順序不對:

image

再運行就是我們想要的結果了。

image

註意:你需要將UseDefaultFiles中間件,寫在UseStaticFiles中間件的上面。需要記住的是:UseDefaultFiles中間件僅僅只是將URL重寫,並不處理靜態文件。它的工作就是把URL重寫為預設文件,然後UseStsticFiles中間件,就去處理這個預設文件,我們就看到頁面了。

UseDefaultFiles中間件,將會在wwwroot目錄下麵,找下麵的文件:

index.htm

index.html

default.htm

default.html

這就是預設的行為。但是你同樣可以改變這一約定俗成的行為。例如,如果你想MyCustom.html,作為預設頁面,你可以這樣:在Configure方法中,寫如下代碼:

image

現在運行程式就得到你想要的結果了:

image

如果沒有得到你想要的結果,可能就是頁面有緩存,用Ctrl+F5強制刷新一下,就行了。

UseFileServer中間件的作用是什麼?

UseFileServer中間件組件,包含這幾個中間件的功能:UseStaticFilesUseDefaultFiles以及UseDirectoryBrowser.我們已經學習了UseStaticFiles和UseDefaultFiles這兩個中間件。UseDirectoryBrowser中間件,根據名字來看就是啟動目錄瀏覽,也就是允許用戶可以看到指定目錄下麵的文件。在我們的例子中,我們可以使用UseFileServer中間件,來取代UseDefaultFiles和UseStsticFiles中間件,看:

image

然後運行程式:結果也是一樣:

image

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

在下麵的文章中,我將帶領大家學習,—>開發異常頁面中間件.這篇文章,我詳細介紹了,在ASP.NET Core中怎麼處理靜態文件,怎麼使用靜態文件中間件來處理靜態文件,希望你們都學會了,不明白的,大家可以給我留言,如果覺得我寫得好,可以點個贊,謝謝。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Django 的表單處理:視圖獲取請求,執行所需的任何操作,包括從模型中讀取數據,然後生成並返回HTML頁面(從模板中),我們傳遞一個包含要顯示的數據的上下文。使事情變得更複雜的是,伺服器還需要能夠處理用戶提供的數據,併在出現任何錯誤時,重新顯示頁面。 下麵顯示了 Django 如何處理表單請求的流 ...
  • @Controller 與 @RestController 的區別 ...
  • 腳本寫的好,下班下得早!程式員的日常工作除了編寫程式代碼,還不可避免地需要處理相關的測試和驗證工作。 例如,訪問某個網站一直不通,需要確定此地址是否可訪問,伺服器返回什麼,進而確定問題在於什麼。完成這個任務,如果一味希望採用編譯型語言來編寫這樣的代碼,實踐中的時間和精力是不夠的,這個時候就需要發揮腳 ...
  • HelloWorld 在src下創建包 com.pudding.controller ,然後創建一個類 HelloWorldController : 然後在 webapp/WEB INF/views/ 下創建 success.jsp : 項目目錄結構如下: 在Servers視圖下右擊伺服器選擇 St ...
  • DispatcherServlet 與 WebApplicationContext ...
  • 使用maven導入Spring依賴包 上一節講瞭如何向動態Web項目添加下載的Spring依賴包,作為補充下麵列出瞭如何使用 maven 導入Spring的依賴包,可以選擇需要的導入(推薦)或者全部導入都可以。將下麵的代碼添加到 pom.xml 中: ...
  • 剛開始學習python,所以把所學記錄一下 Python的緩存機制,分為在同一代碼塊和不同代碼塊下的區別 代碼塊:一個模塊,一個函數,一個類,一個文件等都是一個代碼塊。 例如: if True: print("我是if中的代碼塊") print("我還是if中的代碼塊") print("我不是if中 ...
  • 反射 有關程式及其類型的數據被稱為元數據,保存在程式的程式集 一個運行的程式查看本身的元數據或者其他程式的元數據的行為叫反射 一遍下來啥都沒整明白?沒事,咱只是慣例行事,先放定義。 動態創建類並調用其方法 先拋開反射這些亂七八糟的東西,我們來想想看:當你打開了游戲充值頁面想要變強的時候,界面是不是有 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...