回到服務圖鑑Pages
部署 Vue、React 與靜態網站,享有預覽網址、自訂網域和 HTTPS。 把 Vue / Vite 網站部署到能直接分享的公開網址。 查核 2026-10-19。查看官方額度、使用步驟與適合搭配的服務。
方案數據
- 靜態資源請求
- 免費、不限次數(不呼叫 Functions)
- 建置
- 500 次 / 月,同時 1 次
- 檔案
- 20,000 個 / 網站,每個 ≤ 25 MiB
怎麼開始使用
先產生靜態檔案
在專案執行 npm run build,確認 dist 裡有 index.html 與所需資源。
選擇部署方式
連接 Git 以自動建置,或透過 Direct Upload 上傳 dist。Vue / Vite 常用輸出目錄是 dist。
檢查路徑與網域
用 pages.dev 測試首頁、內頁與重新整理,再依需要綁定自訂網域。
需要後端時再擴充
加入 Pages Functions 或獨立 Workers API,並分開監控靜態與動態額度。
和什麼搭配
官方設定指南