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