詳解利用 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)文章
本文主要介紹了nodejs部署到騰訊云的實現(xiàn)方法，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了Node升級后vue項目node-sass報錯問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教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)（重定向）的實現(xiàn)方法
Express是一個基于Node.js實現(xiàn)的Web框架，其響應(yīng)HTTP請求的response對象中有兩個用于URL跳轉(zhuǎn)方法res.location()和res.redirect()，使用它們可以實現(xiàn)URL的301或302重定向。2017-04-04
這篇文章主要介紹了node.js中express的中間件cookieParser的使用方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了node讀寫Excel操作,結(jié)合實例形式分析了node.js使用node-xlsx模塊模塊讀寫Excel的相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-11-11
用nodeJS搭建本地文件服務(wù)器的幾種方法小結(jié)
本篇文章主要介紹了用nodeJS搭建本地文件服務(wù)器的幾種方法小結(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ù)器的方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
在安裝node-sass時,經(jīng)常會遇到下載慢、版本不匹配或python錯誤等問題,使用淘寶鏡像加速下載、通過nvm管理node版本或指定node-sass版本號安裝,都能有效解決這些問題,若遇到python相關(guān)錯誤,檢查node版本是否合適通常可以解決,感興趣的朋友一起看看本文吧2024-09-09