資訊專欄INFORMATION COLUMN
摘要：要使用多個(gè)靜態(tài)資源目錄，請(qǐng)多次調(diào)用中間件函數(shù)按照使用中間件函數(shù)設(shè)置靜態(tài)目錄的順序查找文件。注意為獲得最佳結(jié)果，請(qǐng)使用反向代理緩存來提高服務(wù)靜態(tài)資源的性能。
靜態(tài)文件
要提供靜態(tài)文件（如images、CSS文件和JavaScript文件），請(qǐng)使用Express中的express.static內(nèi)置中間件功能，函數(shù)簽名是：
express.static(root, [options])
root參數(shù)指定從中提供靜態(tài)資源的根目錄，有關(guān)options參數(shù)的更多信息，請(qǐng)參閱express.static。
例如，使用以下代碼在名為public的目錄中提供images、CSS文件和JavaScript文件：
app.use(express.static("public"))
現(xiàn)在，你可以加載public目錄中的文件：
http://localhost:3000/images/kitten.jpg http://localhost:3000/css/style.css http://localhost:3000/js/app.js http://localhost:3000/images/bg.png http://localhost:3000/hello.html
Express會(huì)查找相對(duì)于靜態(tài)目錄的文件，因此靜態(tài)目錄的名稱不是URL的一部分。
要使用多個(gè)靜態(tài)資源目錄，請(qǐng)多次調(diào)用express.static中間件函數(shù)：
app.use(express.static("public"))
app.use(express.static("files"))
Express按照使用express.static中間件函數(shù)設(shè)置靜態(tài)目錄的順序查找文件。
注意：為獲得最佳結(jié)果，請(qǐng)使用反向代理緩存來提高服務(wù)靜態(tài)資源的性能。
要為express.static函數(shù)提供的文件創(chuàng)建虛擬路徑前綴（文件系統(tǒng)中實(shí)際不存在路徑），請(qǐng)為靜態(tài)目錄指定掛載路徑，如下所示：
app.use("/static", express.static("public"))
現(xiàn)在，你可以從/static路徑前綴加載public目錄中的文件。
http://localhost:3000/static/images/kitten.jpg http://localhost:3000/static/css/style.css http://localhost:3000/static/js/app.js http://localhost:3000/static/images/bg.png http://localhost:3000/static/hello.html
但是，你提供給express.static函數(shù)的路徑是相對(duì)于啟動(dòng)node進(jìn)程的目錄，如果從另一個(gè)目錄運(yùn)行express應(yīng)用程序，則使用要提供的目錄的絕對(duì)路徑更安全：
app.use("/static", express.static(path.join(__dirname, "public")))
有關(guān)serve-static函數(shù)及其選項(xiàng)的更多詳細(xì)信息，請(qǐng)參閱serve-static。
上一篇：路由基礎(chǔ) 下一篇：常見問題文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/108855.html
摘要：廢話先不多說代碼就是如下這么簡(jiǎn)單指定目錄下面這個(gè)是參考文檔里的寫法訪問路徑寫到一起了創(chuàng)建服務(wù)端啟動(dòng)服務(wù)器完成然后執(zhí)行就可以啟動(dòng)服務(wù)器了就是上面配置所保存的文件名上面用的是用的話就更簡(jiǎn)單不需要自己寫配置直接用命令就可以啟動(dòng)了如果你的 廢話先不多說,代碼就是如下這么簡(jiǎn)單. var express = require(express) var app = express() app.us...
摘要：方法此中間件在及更高版本中可用。由于的形狀基于用戶控制的輸入，因此該對(duì)象中的所有屬性和值都是不可信的，應(yīng)該在信任之前進(jìn)行驗(yàn)證。注意為獲得最佳結(jié)果，請(qǐng)使用反向代理緩存來提高服務(wù)靜態(tài)資源的性能。 express() 創(chuàng)建一個(gè)Express應(yīng)用程序，express()函數(shù)是express模塊??導(dǎo)出的頂級(jí)函數(shù)。 var express = require(express); var app ...
哈。github的地址已經(jīng)更換，求starthttps://github.com/mySoul8012 繼續(xù)~Express框架 簡(jiǎn)單介紹一下 Express事實(shí)上Node內(nèi)置的http模塊上構(gòu)建的一層抽象。理論上所有Express實(shí)現(xiàn)的功能都能用Node實(shí)現(xiàn)核心特征; 設(shè)置中間件響應(yīng)http請(qǐng)求 定義路由表，執(zhí)行不同的http請(qǐng)求 先模板傳遞參數(shù)，來動(dòng)態(tài)的渲染html文件 一些網(wǎng)址 npm的...
摘要：注冊(cè)成功后會(huì)返回注冊(cè)用戶的此就是上面說到的，用于用戶登陸的基礎(chǔ)，請(qǐng)保管好。 地址 https://github.com/billyhoomm...http://blog.billyhu.com 說明（Instructions） 本項(xiàng)目后臺(tái)基于express、mongodb，前臺(tái)基于Vue2.0全家桶、bootstrap、scss預(yù)編譯器以及一眾工具類插件 項(xiàng)目前后臺(tái)代碼在同一個(gè)目錄中...
摘要：注冊(cè)成功后會(huì)返回注冊(cè)用戶的此就是上面說到的，用于用戶登陸的基礎(chǔ)，請(qǐng)保管好。 地址 https://github.com/billyhoomm...http://blog.billyhu.com 說明（Instructions） 本項(xiàng)目后臺(tái)基于express、mongodb，前臺(tái)基于Vue2.0全家桶、bootstrap、scss預(yù)編譯器以及一眾工具類插件 項(xiàng)目前后臺(tái)代碼在同一個(gè)目錄中...
閱讀 3153·2021-11-22 14:45
閱讀 3299·2019-08-29 13:11
閱讀 2305·2019-08-29 12:31
閱讀 921·2019-08-29 11:21
閱讀 2990·2019-08-29 11:09
閱讀 3615·2019-08-28 18:11
閱讀 1419·2019-08-26 13:58
閱讀 1273·2019-08-26 13:27
