在開發過程中，我們經常需要臨時查看或分享本地的圖片資源，比如設計稿、截圖、素材等。雖然可以通過壓縮發送，但效率不高。本文將教你使用 Node.js 的一個輕量級工具 —— http-server，快速搭建一個本地 HTTP 圖片預覽服務，支持瀏覽器訪問和局域網共享。

🔧 第一步：安裝 Node.js

如果你還沒有安裝 Node.js，請前往官網下載并安裝：

🔗 https://nodejs.org/

安裝完成后，在命令行中執行以下命令驗證是否安裝成功：

node -v
npm -v

如果能看到版本號輸出，說明安裝成功！

🔧 第二步：全局安裝 http-server

http-server 是一個零配置的靜態文件服務器，非常適合用來快速啟動本地服務。

執行以下命令進行安裝：

npm install -g http-server

如果你在國內，建議使用淘寶鏡像加速安裝：

npm install -g http-server --registry=https://registry.npmmirror.com

🚀 第三步：進入圖片目錄并啟動服務

打開命令行工具（Windows 使用 CMD 或 PowerShell，macOS/Linux 使用 Terminal）
進入你的圖片文件夾路徑，例如

cd C:\Users\你的用戶名\Pictures

啟動服務，默認端口是 8080：

http-server -p 8000 -o

或者指定端口為 3000：

http-server -p 3000 -o

🖥? 第四步：瀏覽器訪問圖片服務

服務啟動后，你會看到如下輸出：

Starting up http-server, serving ./
Available on:http://127.0.0.1:3000http://192.168.x.x:3000
Hit CTRL-C to stop the server

打開瀏覽器，輸入以下任意地址即可訪問：

本機訪問：

http://localhost:3000

局域網訪問（其他設備）：

http://你的IP地址:3000

你將會看到當前目錄下的所有文件列表，點擊即可直接瀏覽圖片內容。

🌐 拓展功能（可選）

開啟跨域訪問（CORS）

如果你希望網頁通過 JavaScript 跨域訪問這些圖片資源，可以加上 --cors 參數：

http-server --cors

關閉緩存

避免瀏覽器緩存舊文件：

http-server -c 0

使用 HTTPS（進階）

http-server --ssl --cert cert.pem --key key.pem

你需要提前準備好 SSL 證書文件。

停止服務

按下鍵盤上的：

Ctrl + C

然后輸入 Y 確認終止服務即可。