您好,登錄后才能下訂單哦!
如果想要在輸入url
后直接訪問服務端的靜態文件,比如css
、js
、文件等,就需要知道這些靜態文件的定位,在express
框架中express.static
中間件函數可以幫助我們實現。
Staic
是express
內置中間件函數,服務于靜態文件,基于靜態服務。Staic
函數封裝在serve-static
模塊當中,serve-static
模塊拋出的serveStatic
就是static
方法。
上面注釋說明了方法的作用,大概是說該中間件函數為給定根目錄的文件提供服務,要服務的文件將通過將req.url
與提供的根目錄相結合來確定。當找不到文件時,此模塊將改為調用next()
以轉到下一個中間件。廢話不多說,實際操作一下:
在瀏覽器地址欄輸入http://127.0.0.1:8888/public/images/111.jpg
發現可以訪問到服務端靜態圖片。
中間件函數要服務的文件將通過將req.url
與提供的根目錄相結合來確定,也就是說http://127.0.0.1:8888/
訪問的就是中間件指定的目錄。上圖中http://127.0.0.1:8888/
對應的是項目的根目錄,所以在http://127.0.0.1:8888/
后面加上public/images/111.jpg
就可以訪問到靜態圖片了。
如果要使用多個靜態資源目錄,請多次調用express.static
中間件函數,Express
以您使用express.static
中間件函數設置靜態目錄的順序來查找文件。要為express.static
函數提供的文件創建虛擬路徑前綴(路徑并不實際存在于文件系統中,請為靜態目錄指定安裝路徑。
其中,/images
和/files
是指定的虛擬目錄,在服務端中實際是不存在的。
參考鏈接:https://www.jb51.net/article/172167.htm
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。