express中static中間件的具體使用方法
如果想要在輸入url
后直接訪問服務(wù)端的靜態(tài)文件,比如css
、js
、文件等,就需要知道這些靜態(tài)文件的定位,在express
框架中express.static
中間件函數(shù)可以幫助我們實(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)找不到文件時(shí),此模塊將改為調(diào)用next()
以轉(zhuǎn)到下一個(gè)中間件。廢話不多說,實(shí)際操作一下:
在瀏覽器地址欄輸入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)的是項(xiàng)目的根目錄,所以在http://127.0.0.1:8888/
后面加上public/images/111.jpg
就可以訪問到靜態(tài)圖片了。
如果要使用多個(gè)靜態(tài)資源目錄,請多次調(diào)用express.static
中間件函數(shù),Express
以您使用express.static
中間件函數(shù)設(shè)置靜態(tài)目錄的順序來查找文件。要為express.static
函數(shù)提供的文件創(chuàng)建虛擬路徑前綴(路徑并不實(shí)際存在于文件系統(tǒng)中,請為靜態(tài)目錄指定安裝路徑。
其中,/images
和/files
是指定的虛擬目錄,在服務(wù)端中實(shí)際是不存在的。
參考鏈接:http://chabaoo.cn/article/172167.htm
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
node.js基于express使用websocket的方法
這篇文章主要介紹了node.js基于express使用websocket的方法,結(jié)合實(shí)例形式分析了node.js基于express調(diào)用websocket相關(guān)設(shè)置與使用操作技巧,需要的朋友可以參考下2017-11-11Node.js模擬發(fā)起http請求從異步轉(zhuǎn)同步的5種用法
這篇文章主要介紹了Node.js模擬發(fā)起http請求從異步轉(zhuǎn)同步的5種方法,下面總結(jié)了幾個(gè)常見的庫 API 從異步轉(zhuǎn)同步的幾種方法。需要的朋友可以參考下2018-09-09NodeJs版本過高無法啟動Vue項(xiàng)目報(bào)錯的幾種解決方法
在開發(fā)vue項(xiàng)目時(shí),我們通常使用nodejs作為項(xiàng)目的運(yùn)行環(huán)境,但是有時(shí)候,由于nodejs版本過高,可能會導(dǎo)致vue項(xiàng)目啟動報(bào)錯,這篇文章主要給大家介紹了關(guān)于NodeJs版本過高無法啟動Vue項(xiàng)目報(bào)錯的幾種解決方法,需要的朋友可以參考下2023-12-12