SSR 準備 | Quasar Framework

為何捐款

API 瀏覽器

如何貢獻

選項與輔助工具

樣式與識別

版面配置與網格

Vue 組件

Vue 指令

Quasar 插件

Vue 組合式函式

安全性

Quasar CLI (搭配 Vite)

Quasar CLI (搭配 Webpack)

SPA 模式

SSR 模式

PWA 模式

Capacitor 模式

Cordova 模式

Electron 模式

瀏覽器擴充模式

Ajax 請求

對外公開開發伺服器

Icon Genie CLI

App Extensions

Quasar 工具程式

Quasar CLI 搭配 Webpack - @quasar/app-webpack

SSR 準備工作

我們將使用 Quasar CLI 來開發和建置 SSR 網站。建置 SPA、行動應用程式、Electron 應用程式、PWA 或 SSR 之間的差異僅由 “quasar dev” 和 “quasar build” 指令中的 “mode” 參數決定。

為了開發或建置 SSR 網站，我們首先需要將 SSR 模式新增到我們的 Quasar 專案中

$ quasar mode add ssr

如果您想直接開始開發，您可以跳過 “quasar mode” 指令並發出

$ quasar dev -m ssr

如果缺少 SSR 模式，這將自動新增。

您的專案資料夾中將出現一個新資料夾（在設定 SSR頁面上有詳細說明）

src-ssr/

middlewares/

# SSR 中介軟體檔案

production-export.js

# SSR 網路伺服器生產匯出

發現錯誤？在瀏覽器中編輯此頁面