Express之託管靜態檔案

2021-09-29 11:29:52 字數 891 閱讀 3344

其中乙個主要的中介軟體是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學習2 Express託管靜態資源

參考文件 讓使用者直接訪問靜態資源是乙個web伺服器最基本的功能。1.png 請求一張 css style.css 請求乙份樣式檔案 js index.js 請求乙份js web伺服器需要能夠直接返回這些檔案的內容給客戶端瀏覽器。0.載入 express const express require ...