【實戰教學】在 Windows 11 的 IIS 部署 Vue.js 專案
前言 在公司或政府／企業環境中，後端系統大量使用 Windows Server + IIS ，但前端卻逐漸改用 Vue / React 這類 SPA 框架。 很多人第一個疑問就是： Vue.js 不是要用 Node.js 嗎？ 那 IIS 要怎麼部署？ 這篇文章會用 最實際、最常見的情境 ，一步一步帶你完成： 在 Windows 11 的 IIS 上部署 Vue.js 專案（不需要 Node.js） 一、部署觀念先釐清（非常重要） ✔️ Vue 部署到 IIS 的核心觀念 IIS 不會執行 Vue IIS 不需要 Node.js IIS 只負責提供「靜態檔案」 👉 Vue 真正部署的只有 build 後的結果 Vue 原始碼 ↓ npm run build ↓ dist/ ↓ IIS 指向 dist 二、準備環境 作業系統 Windows 11（Windows Server 流程相同） 必要工具 Node.js（只在 build 時使用） IIS（內建於 Windows） 三、建立 Vue 專案（範例） 1️⃣ 建立 Vue 3 專案 npm create vue@latest 建議選項： TypeScript：No Router：Yes（SPA 必備） 其他：No cd vue-iis-demo npm install npm run dev 確認瀏覽器可正常顯示開發畫面。 四、Build 專案（產出部署檔案） 在專案根目錄執行： npm run build 成功後會產生 dist 資料夾，結構如下： dist/ ├── index .html ├── assets/ │ ├── index -xxxx.js │ └── index -xxxx.css ⚠️ 這個 dist 才是要交給 IIS 的內容 五、IIS 建立 Vue 網站 1️⃣ 複製檔案 將 dist 裡的所有檔案，複製到： C:\inetpub\vue-iis-demo\ 最終結構應為： C:\inetpub\vue-iis-demo\ ├── index.html ├── assets\ ├── favic...
