Express 文檔（靜態文件）

PiscesYE 發布于2019-08-26 13:27 / 1279人閱讀

摘要：要使用多個靜態資源目錄，請多次調用中間件函數按照使用中間件函數設置靜態目錄的順序查找文件。注意為獲得最佳結果，請使用反向代理緩存來提高服務靜態資源的性能。

靜態文件

要提供靜態文件（如images、CSS文件和JavaScript文件），請使用Express中的express.static內置中間件功能，函數簽名是：

express.static(root, [options])

root參數指定從中提供靜態資源的根目錄，有關options參數的更多信息，請參閱express.static。

例如，使用以下代碼在名為public的目錄中提供images、CSS文件和JavaScript文件：

app.use(express.static("public"))

現在，你可以加載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會查找相對于靜態目錄的文件，因此靜態目錄的名稱不是URL的一部分。

要使用多個靜態資源目錄，請多次調用express.static中間件函數：

app.use(express.static("public"))
app.use(express.static("files"))

Express按照使用express.static中間件函數設置靜態目錄的順序查找文件。

注意：為獲得最佳結果，請使用反向代理緩存來提高服務靜態資源的性能。

要為express.static函數提供的文件創建虛擬路徑前綴（文件系統中實際不存在路徑），請為靜態目錄指定掛載路徑，如下所示：

app.use("/static", express.static("public"))

現在，你可以從/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函數的路徑是相對于啟動node進程的目錄，如果從另一個目錄運行express應用程序，則使用要提供的目錄的絕對路徑更安全：

app.use("/static", express.static(path.join(__dirname, "public")))

有關serve-static函數及其選項的更多詳細信息，請參閱serve-static。

上一篇：路由基礎 下一篇：常見問題

云服務器 GPU云服務器靜態html文檔靜態文件生成靜態文件發布靜態文件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108855.html

node.js 自建簡易服務

摘要：廢話先不多說代碼就是如下這么簡單指定目錄下面這個是參考文檔里的寫法訪問路徑寫到一起了創建服務端啟動服務器完成然后執行就可以啟動服務器了就是上面配置所保存的文件名上面用的是用的話就更簡單不需要自己寫配置直接用命令就可以啟動了如果你的廢話先不多說,代碼就是如下這么簡單. var express = require(express) var app = express() app.us...

BaronZhang 2019-08-20 17:17 評論0 收藏0
Express 文檔（express()）

摘要：方法此中間件在及更高版本中可用。由于的形狀基于用戶控制的輸入，因此該對象中的所有屬性和值都是不可信的，應該在信任之前進行驗證。注意為獲得最佳結果，請使用反向代理緩存來提高服務靜態資源的性能。 express() 創建一個Express應用程序，express()函數是express模塊??導出的頂級函數。 var express = require(express); var app ...

oysun 2019-08-23 14:21 評論0 收藏0
node Express 框架

哈。github的地址已經更換，求starthttps://github.com/mySoul8012 繼續~Express框架簡單介紹一下 Express事實上Node內置的http模塊上構建的一層抽象。理論上所有Express實現的功能都能用Node實現核心特征; 設置中間件響應http請求定義路由表，執行不同的http請求先模板傳遞參數，來動態的渲染html文件一些網址 npm的...

supernavy 2019-08-23 10:30 評論0 收藏0
XBlog： Vue+Express+Mongodb的全棧可擴展的完整博客系統

摘要：注冊成功后會返回注冊用戶的此就是上面說到的，用于用戶登陸的基礎，請保管好。地址 https://github.com/billyhoomm...http://blog.billyhu.com 說明（Instructions）本項目后臺基于express、mongodb，前臺基于Vue2.0全家桶、bootstrap、scss預編譯器以及一眾工具類插件項目前后臺代碼在同一個目錄中...

Salamander 2019-08-22 16:43 評論0 收藏0
XBlog： Vue+Express+Mongodb的全棧可擴展的完整博客系統

摘要：注冊成功后會返回注冊用戶的此就是上面說到的，用于用戶登陸的基礎，請保管好。地址 https://github.com/billyhoomm...http://blog.billyhu.com 說明（Instructions）本項目后臺基于express、mongodb，前臺基于Vue2.0全家桶、bootstrap、scss預編譯器以及一眾工具類插件項目前后臺代碼在同一個目錄中...

banana_pi 2019-08-29 15:11 評論0 收藏0