在Express中提供靜態(tài)文件的實(shí)現(xiàn)方法
為了提供諸如圖像、CSS 文件和 JavaScript 文件之類的靜態(tài)文件，請(qǐng)使用 Express 中的 express.static 內(nèi)置中間件函數(shù)。
將包含靜態(tài)資源的目錄的名稱傳遞給 express.static 中間件函數(shù)，以便開(kāi)始直接提供這些文件。例如，使用以下代碼在名為 public 的目錄中提供圖像、CSS 文件和 JavaScript 文件：
app.use(express.static('public'));
現(xiàn)在，可以訪問(wè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
Express 相對(duì)于靜態(tài)目錄查找文件，因此靜態(tài)目錄的名稱不是此 URL 的一部分。
要使用多個(gè)靜態(tài)資源目錄，請(qǐng)多次調(diào)用 express.static 中間件函數(shù)：
app.use(express.static('public'));
app.use(express.static('files'));
Express 以您使用 express.static 中間件函數(shù)設(shè)置靜態(tài)目錄的順序來(lái)查找文件。
要為 express.static 函數(shù)提供的文件創(chuàng)建虛擬路徑前綴（路徑并不實(shí)際存在于文件系統(tǒng)中），請(qǐng)為靜態(tài)目錄指定安裝路徑，如下所示：
app.use('/static', express.static('public'));
現(xiàn)在，可以訪問(wè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
然而，向 express.static 函數(shù)提供的路徑相對(duì)于您在其中啟動(dòng) node 進(jìn)程的目錄。如果從另一個(gè)目錄運(yùn)行 Express 應(yīng)用程序，那么對(duì)于提供資源的目錄使用絕對(duì)路徑會(huì)更安全：
app.use('/static', express.static(__dirname + '/public'));
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在Node.js中使用Express實(shí)現(xiàn)視頻評(píng)論的列表展示和刪除功能
在現(xiàn)代Web應(yīng)用中,視頻內(nèi)容和互動(dòng)功能（如評(píng)論）的結(jié)合極大地增加了用戶的參與度,本文將通過(guò)一個(gè)具體的例子,展示如何在Node.js環(huán)境中使用Express框架來(lái)實(shí)現(xiàn)視頻評(píng)論的列表展示和刪除功能,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了如何利用Node.js做簡(jiǎn)單的圖片爬取，爬蟲(chóng)的主要目的是收集互聯(lián)網(wǎng)上公開(kāi)的一些特定數(shù)據(jù)，本文介紹用于網(wǎng)絡(luò)抓取的node.js包，完成一個(gè)簡(jiǎn)單的爬蟲(chóng)案例來(lái)爬取網(wǎng)頁(yè)上圖片并下載到本地2022-06-06
解決npm?i?報(bào)錯(cuò)以及python安裝卡住的問(wèn)題
這篇文章主要介紹了解決npm?i?報(bào)錯(cuò)以及python安裝卡住的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了npm 常用命令詳解(小結(jié))，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
這篇文章主要介紹了淺談node中的cluster集群，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
這篇文章主要介紹了nodejs中使用多線程編程的方法實(shí)例,本文使用nodejs addon借助c/c++的能力擴(kuò)展nodejs多線程編程,需要的朋友可以參考下2015-03-03
Node.js基礎(chǔ)入門(mén)之模塊與npm包管理器使用詳解
Node.js是一個(gè)基于Chrome?V8引擎的JavaScript運(yùn)行時(shí)。類似于Java中的JRE，.Net中的CLR。本文將詳細(xì)為大家介紹Node.js中的模塊與npm包管理器的使用，需要的可以參考一下2022-03-03
使用Typescript和ES模塊發(fā)布Node模塊的方法
這篇文章主要介紹了使用Typescript和ES模塊發(fā)布Node模塊的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Node.js斷點(diǎn)續(xù)傳的實(shí)現(xiàn)
最近做了個(gè)項(xiàng)目，應(yīng)項(xiàng)目需求，需要傳圖片、Excel等，幾M的大小可以很快就上傳到服務(wù)器，但是大的就需要斷點(diǎn)上傳，本文就介紹一下，感興趣的可以了解一下2021-05-05
Node.js 憑借其非阻塞、事件驅(qū)動(dòng)的架構(gòu),已成為構(gòu)建各種應(yīng)用程序的流行選擇,使用 Node.js 進(jìn)行開(kāi)發(fā)時(shí),選擇正確的架構(gòu)模式來(lái)滿足項(xiàng)目需求至關(guān)重要,在本文中,我們將探討幾種 Node.js 架構(gòu)模式并提供示例來(lái)說(shuō)明它們的用法,需要的朋友可以參考下2023-09-09