如何在Express中提供靜態(tài)文件

如何在Express中提供靜態(tài)文件？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

將包含靜態(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'));

關(guān)于如何在Express中提供靜態(tài)文件問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。