Express學習2 Express託管靜態資源

2021-10-21 16:38:43 字數 1680 閱讀 9682

參考文件

讓使用者直接訪問靜態資源是乙個web伺服器最基本的功能。

/1.png // 請求一張

/css/style.css // 請求乙份樣式檔案

/js/index.js // 請求乙份js**web伺服器需要能夠直接返回這些檔案的內容給客戶端瀏覽器。

// 0. 載入 express

const express =

require

('express'

)// 類似於 http.createserver()

express()

;// 2. 設定請求對應的處理函式

// express.static 內建中介軟體函式

use(express.

static

('public'))

// 訪問 public 目錄中的所有檔案

// 3. 監聽埠號,啟動 web 服務

listen

(3000,(

)=> console.

log(

))

此時,所有放在public目錄下的內容可以直接訪問。

注意:此時在url中並不需要出現public這級目錄。

// 第三方模組的引入方式與核心模組相同,使用require('模組名即可')

const express =

require

('express');

const path =

require

('path');

// 1 建立乙個express例項

express()

;// 2 靜態資源託管

// 設定**的預設靜態資源

use(express.

static

(path.

join

(__dirname,

'public'))

);// 或者

use(

'/', express.

static

(path.

join

(__dirname,

'public'))

);// 對某個具體url位址,進行靜態資源託管

use(

'/admin/abc'

, express.

static

(path.

join

(__dirname,

'admin_public'))

);// 3 監聽埠

listen

(8000,(

)=>

);

// 限制訪問字首

use(

'/public'

, express.

static

('public'

))

Express框架學習

1 express框架是什麼 express 是乙個基於node平台的web應用開發框架,它提供了一系列的強大特性,幫助你建立各種web應用 2 express框架特性 express安裝及檢驗 再安裝express,在進行檢驗就安裝成功了。但是會提示你說找不到命令,因為 t已經變了,變成了 e 但...

express 學習筆記

1 全域性安裝express npm install express g 但是,在express4.x版本中已經不含有express命令了。需要安裝 express generator npm install express generator g 2 建立express專案 express e n...

Express學習6 Express中介軟體技術

在實際工作中,需要對某些請求 或者某一類請求 進行特殊的處理,例如 要記錄每一次請求的詳細資訊。需求 在呼叫某個介面時,列印出呼叫者的ip位址及呼叫時間。此時需要使用到中介軟體技術。同時對express而言,中介軟體是它的乙個非常重要的概念,掌握中介軟體的思想對於理解學習express,提公升程式設...