Express請求處理-靜態資源的處理

場景

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

https://mp.csdn.net/console/editor/html/106650798

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

靜態資源的處理

通過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