express中static中間件的具體使用方法

如果想要在輸入url后直接訪問服務(wù)端的靜態(tài)文件,比如cssjs、文件等,就需要知道這些靜態(tài)文件的定位,在express框架中express.static中間件函數(shù)可以幫助我們實現(xiàn)。

創(chuàng)新互聯(lián)建站專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、璧山網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為璧山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

Staicexpress內(nèi)置中間件函數(shù),服務(wù)于靜態(tài)文件,基于靜態(tài)服務(wù)。Staic函數(shù)封裝在serve-static模塊當(dāng)中,serve-static模塊拋出的serveStatic就是static方法。

express中static中間件的具體使用方法

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

express中static中間件的具體使用方法

express中static中間件的具體使用方法

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

express中static中間件的具體使用方法

中間件函數(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)目錄指定安裝路徑。

express中static中間件的具體使用方法

express中static中間件的具體使用方法

express中static中間件的具體使用方法

其中,/images/files是指定的虛擬目錄,在服務(wù)端中實際是不存在的。

參考鏈接:https://www.jb51.net/article/172167.htm

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前文章:express中static中間件的具體使用方法
分享路徑:http://muchs.cn/article34/jpjsse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、企業(yè)建站、網(wǎng)站維護Google、響應(yīng)式網(wǎng)站網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司