詳解利用 Express 托管靜態(tài)文件的方法
通過 Express 內(nèi)置的 express.static 可以方便地托管靜態(tài)文件，例如圖片、CSS、JavaScript 文件等。
將靜態(tài)資源文件所在的目錄作為參數(shù)傳遞給 express.static 中間件就可以提供靜態(tài)資源文件的訪問了。例如，假設(shè)在 public 目錄放置了圖片、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
所有文件的路徑都是相對于存放目錄的，因此，存放靜態(tài)文件的目錄名不會出現(xiàn)在 URL 中。
如果你的靜態(tài)資源存放在多個目錄下面，你可以多次調(diào)用 express.static 中間件：
app.use(express.static('public'));
app.use(express.static('files'));
訪問靜態(tài)資源文件時，express.static 中間件會根據(jù)目錄添加的順序查找所需的文件。
如果你希望所有通過 express.static 訪問的文件都存放在一個“虛擬（virtual）”目錄（即目錄根本不存在）下面，可以通過為靜態(tài)資源目錄指定一個掛載路徑的方式來實現(xiàn)，如下所示：
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
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
我們在開發(fā)項目的時候，每次安裝的 node 包會出現(xiàn)版本和項目所需要的版本不一致的問題，那么如何刪除node_modules重新安裝，本文就詳細的介紹一下2021-09-09
這篇文章主要介紹了Nodejs如何搭建Web服務(wù)器，本文教大家使用 Nodejs搭建一個簡單的Web服務(wù)器，感興趣的小伙伴們可以參考一下2016-03-03
Node.js在圖片模板上生成二維碼圖片并附帶底部文字說明實現(xiàn)詳解
這篇文章主要介紹了Node.js在圖片模板上生成二維碼圖片并附帶底部文字說明實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
本文先介紹原生的node.js實現(xiàn)命令行交互，了解原生的api,然后通過commander.js和inquirer.js實現(xiàn)一個完整的交互命令行工具。感興趣的朋友跟隨小編一起看看吧2019-05-05
所謂nvm就是一個可以讓你在同一臺機器上安裝和切換不同版本node的工具,下面這篇文章主要給大家介紹了關(guān)于nvm介紹、安裝、報錯處理及使用的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了node.js中的buffer.slice方法使用說明,本文介紹了buffer.slice的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下2014-12-12
Node.js多文件Stream合并,串行和并發(fā)兩種模式的實現(xiàn)方式
這篇文章主要介紹了Node.js多文件Stream合并,串行和并發(fā)兩種模式的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
基于nodejs的微信JS-SDK簡單應(yīng)用實現(xiàn)
這篇文章主要介紹了基于nodejs的微信JS-SDK簡單應(yīng)用實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了Nodejs極簡入門教程（二）：定時器,本文講解了setTimeout、setInterval、setImmediate及process.nextTick等內(nèi)容,需要的朋友可以參考下2014-10-10
node.js express安裝及示例網(wǎng)站搭建方法(分享)
下面小編就為大家?guī)硪黄猲ode.js express安裝及示例網(wǎng)站搭建方法(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08