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