express中static中間件的具體使用方法
如果想要在輸入url后直接訪問服務(wù)端的靜態(tài)文件,比如css、js、文件等,就需要知道這些靜態(tài)文件的定位,在express框架中express.static中間件函數(shù)可以幫助我們實現(xiàn)。
Staic是express內(nèi)置中間件函數(shù),服務(wù)于靜態(tài)文件,基于靜態(tài)服務(wù)。Staic函數(shù)封裝在serve-static模塊當(dāng)中,serve-static模塊拋出的serveStatic就是static方法。

上面注釋說明了方法的作用,大概是說該中間件函數(shù)為給定根目錄的文件提供服務(wù),要服務(wù)的文件將通過將req.url與提供的根目錄相結(jié)合來確定。當(dāng)找不到文件時,此模塊將改為調(diào)用next()以轉(zhuǎn)到下一個中間件。廢話不多說,實際操作一下:


在瀏覽器地址欄輸入http://127.0.0.1:8888/public/images/111.jpg發(fā)現(xiàn)可以訪問到服務(wù)端靜態(tài)圖片。

中間件函數(shù)要服務(wù)的文件將通過將req.url與提供的根目錄相結(jié)合來確定,也就是說http://127.0.0.1:8888/訪問的就是中間件指定的目錄。上圖中http://127.0.0.1:8888/對應(yīng)的是項目的根目錄,所以在http://127.0.0.1:8888/后面加上public/images/111.jpg就可以訪問到靜態(tài)圖片了。
如果要使用多個靜態(tài)資源目錄,請多次調(diào)用express.static中間件函數(shù),Express以您使用express.static中間件函數(shù)設(shè)置靜態(tài)目錄的順序來查找文件。要為express.static函數(shù)提供的文件創(chuàng)建虛擬路徑前綴(路徑并不實際存在于文件系統(tǒng)中,請為靜態(tài)目錄指定安裝路徑。



其中,/images和/files是指定的虛擬目錄,在服務(wù)端中實際是不存在的。
參考鏈接:http://www.fzitv.net/article/172167.htm
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
node.js連接MongoDB數(shù)據(jù)庫的2種方法教程
這幾天一直在學(xué)習(xí)mongdb的基礎(chǔ)知識,跟著網(wǎng)上大神的腳步(代碼)去模擬連接mongodb數(shù)據(jù)庫,下面這篇文章就給大家總結(jié)介紹了node.js連接MongoDB數(shù)據(jù)庫的2種方法教程,文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-05-05
Node.js折騰記一:讀指定文件夾,輸出該文件夾的文件樹詳解
這篇文章主要介紹了Node.js讀指定文件夾輸出該文件夾文件樹,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
編譯打包nodejs服務(wù)代碼如何部署到服務(wù)器
這篇文章主要介紹了編譯打包nodejs服務(wù)代碼如何部署到服務(wù)器問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Nodejs如何進(jìn)行性能監(jiān)控和分析優(yōu)化
Node.js應(yīng)用可能因為高并發(fā)、內(nèi)存泄漏、CPU密集型任務(wù)等原因?qū)е滦阅芟陆?影響用戶體驗甚至系統(tǒng)穩(wěn)定性,通過性能監(jiān)控和分析,我們可以及時發(fā)現(xiàn)潛在問題,并針對性地進(jìn)行優(yōu)化,確保系統(tǒng)正常運行且具備良好的性能表現(xiàn)2024-06-06
使用Node.js實現(xiàn)RESTful API的示例
Node.js可以用很少代碼簡單地實現(xiàn)一個Web服務(wù),并且它有一個非?;钴S的社區(qū),通過Node出色的包管理機制(NPM)可以非常容易獲得各種擴展支持。 對簡單的應(yīng)用場景Node.js實現(xiàn)REST是一個非常合適的選擇。 本文介紹如何用Node.js實現(xiàn)REST服務(wù)。2017-08-08

