場景

Node的Web應用框架Express的簡介與搭建HelloWorld：

Node的Web應用框架Express的簡介與搭建HelloWorld_霸道流氓氣質的博客-CSDN博客

注：

博客：
霸道流氓氣質的博客_CSDN博客-C#,架構之路,SpringBoot領域博主
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

靜態資源的處理

通過Express內置的express.static 可以方便的托管靜態文件，例如img、css、JavaScript文件等。

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

使用app.use中間件攔截所有請求，然后將請求交給express.stataic處理，并且將靜態資源的目錄告知static方法，在方法的內部會判斷客戶端發來的請求是否是靜態資源請求，如果是則直接返回靜態資源。

這里路徑使用絕對路徑，所以引入path

const path = require('path');

然后使用path的join方法拼接路徑，第一個參數__dirname代表當前目錄，第二個參數代表當前目錄下public目錄

app.use(express.static(path.join(__dirname,'public')))

完整示例代碼

//引入express框架 const express = require('express'); const path = require('path'); const app = express(); app.use(express.static(path.join(__dirname,'public'))) app.listen(3000, function () {console.log('Example app listening on port 3000!') })

在項目下新建public目錄并放置badao.png照片

然后啟動項目

node app.js

訪問該圖片

http://localhost:3000/badao.png

總結

以上是生活随笔為你收集整理的Express请求处理-静态资源的处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。