詳解利用 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
所有文件的路徑都是相對(duì)于存放目錄的,因此,存放靜態(tài)文件的目錄名不會(huì)出現(xiàn)在 URL 中。
如果你的靜態(tài)資源存放在多個(gè)目錄下面,你可以多次調(diào)用 express.static 中間件:
app.use(express.static('public'));
app.use(express.static('files'));
訪問靜態(tài)資源文件時(shí),express.static 中間件會(huì)根據(jù)目錄添加的順序查找所需的文件。
如果你希望所有通過 express.static 訪問的文件都存放在一個(gè)“虛擬(virtual)”目錄(即目錄根本不存在)下面,可以通過為靜態(tài)資源目錄指定一個(gè)掛載路徑的方式來實(shí)現(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)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Node升級(jí)后vue項(xiàng)目node-sass報(bào)錯(cuò)問題及解決
這篇文章主要介紹了Node升級(jí)后vue項(xiàng)目node-sass報(bào)錯(cuò)問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-03-03
快速掌握Node.js之Window下配置NodeJs環(huán)境
快速掌握Node.js之Window下配置NodeJs環(huán)境,如何在Window下快速配置NodeJs環(huán)境,感興趣的小伙伴們可以參考一下2016-03-03
Express URL跳轉(zhuǎn)(重定向)的實(shí)現(xiàn)方法
Express是一個(gè)基于Node.js實(shí)現(xiàn)的Web框架,其響應(yīng)HTTP請(qǐng)求的response對(duì)象中有兩個(gè)用于URL跳轉(zhuǎn)方法res.location()和res.redirect(),使用它們可以實(shí)現(xiàn)URL的301或302重定向。2017-04-04
用nodeJS搭建本地文件服務(wù)器的幾種方法小結(jié)
本篇文章主要介紹了用nodeJS搭建本地文件服務(wù)器的幾種方法小結(jié),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03
一文詳解Node中module.exports和exports區(qū)別
這篇文章主要介紹了一文詳解Node中module.exports和exports區(qū)別2023-03-03
nodejs express配置自簽名https服務(wù)器的方法
這篇文章主要介紹了nodejs express配置自簽名https服務(wù)器的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
node-sass常見報(bào)錯(cuò)的問題及解決方法
在安裝node-sass時(shí),經(jīng)常會(huì)遇到下載慢、版本不匹配或python錯(cuò)誤等問題,使用淘寶鏡像加速下載、通過nvm管理node版本或指定node-sass版本號(hào)安裝,都能有效解決這些問題,若遇到python相關(guān)錯(cuò)誤,檢查node版本是否合適通常可以解決,感興趣的朋友一起看看本文吧2024-09-09

