1. 程式人生 > >node中通過express.static 託管靜態資源網站

node中通過express.static 託管靜態資源網站

首先的 還是先下載express這個框架
如果沒有初始化 則先在終端(終端直接下載到當前目錄資料夾)或者cmd初始化 npm init -y 快速初始化

然後通過 npm install(可以縮寫成 i ) express --save (可以縮寫成-S);

ok 完成了這兩步 我們直接在js檔案裡面
1: 引入express模組
const express = require(‘express’);
2: 然後建立伺服器
const app = express();
3: 然後通過 app.use(express.static(‘目錄名’))
/* 這樣就可以託管了 不用每次訪問一個檔案都 需要去給個url */
這個是我的程式碼 通直接託管整個資料夾目錄在這裡插入圖片描述


這個是我的目錄
在這裡插入圖片描述

有幾個需要注意的項 在這裡插入圖片描述

我們來對比一下之前的訪問靜態資源的方式

在這裡插入圖片描述

假如我有一百個頁面 那這樣做就太繁瑣了 而且 引入的css js img圖片都需要在這裡做讀取
我們直接託管整個資料夾 省事~~~!