Express之託管靜態資源

2021-09-23 07:39:32 字數 902 閱讀 6394

其中乙個主要的中介軟體是express.static(4.0版本依舊保留的中介軟體)

var express = require('express');
通過express.static可以幫助我們託管靜態檔案,js,css,img等。

專案目錄下的public下面有css,js,img等資料夾。

我這麼需要通過express託管他們,以便我們啟動伺服器的時候可以訪問到這些資料。

var express = require('express');
我們就可以通過

http://localhost:3000/img/style.png注意:所有檔案的路徑都是相對於存放目錄的,因此,存放靜態檔案的目錄名不會出現在 url 中。

為靜態資源目錄指定乙個掛載路徑的方式來實現。

我們可以給我們的靜態檔案新增虛擬目錄,這樣有時候方便我們統一管理我們的url,也一目了然地看出資源的屬性。

var express = require('express');
訪問:

http://localhost:3000/static/img/style.png注意:這裡我們新增了虛擬目錄,所以我們的url中必須帶上這個目錄才能訪問的到。

**:

Express之託管靜態檔案

其中乙個主要的中介軟體是express.static 4.0版本依舊保留的中介軟體 var express require express express express.static public 通過express.static可以幫助我們託管靜態檔案,js,css,img等。專案目錄下的pub...

Express之託管靜態檔案

其中乙個主要的中介軟體是express.static 4.0版本依舊保留的中介軟體 var express require express 通過express.static可以幫助我們託管靜態檔案,js,css,img等。專案目錄下的public下面有css,js,img等資料夾。我這麼需要通過ex...

express訪問靜態資源

dirname 表示當前檔案所在的目錄的絕對路徑 filename 表示當前檔案的絕對路徑 module.filename filename 等價 process.cwd 返回執行當前指令碼的工作目錄的路徑 process.chdir 改變工作目錄 const express require exp...