如何在Express中提供靜態文件

如何在Express中提供靜態文件？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

將包含靜態資源的目錄的名稱傳遞給 express.static 中間件函數，以便開始直接提供這些文件。例如，使用以下代碼在名為 public 的目錄中提供圖像、CSS 文件和 JavaScript 文件：

app.use(express.static('public'));

現在，可以訪問位于 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 相對于靜態目錄查找文件，因此靜態目錄的名稱不是此 URL 的一部分。

要使用多個靜態資源目錄，請多次調用 express.static 中間件函數：

app.use(express.static('public'));
app.use(express.static('files'));

Express 以您使用 express.static 中間件函數設置靜態目錄的順序來查找文件。

要為 express.static 函數提供的文件創建虛擬路徑前綴（路徑并不實際存在于文件系統中），請為靜態目錄指定安裝路徑，如下所示：

app.use('/static', express.static('public'));

現在，可以訪問具有 /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 函數提供的路徑相對于您在其中啟動 node 進程的目錄。如果從另一個目錄運行 Express 應用程序，那么對于提供資源的目錄使用絕對路徑會更安全：

app.use('/static', express.static(__dirname + '/public'));

關于如何在Express中提供靜態文件問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。