开发 SSR 的准备 | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

SPA 模式

SSR 模式

PWA 模式

Capacitor 模式

Cordova 模式

Electron 模式

浏览器扩展模式

Ajax 请求

开放开发服务器到公网

Quasar CLI（Webpack 版）

Icon Genie CLI

Quasar 工具函数

应用扩展

联系站长

Quasar CLI with Vite - @quasar/app-vite

开发 SSR 的准备

我们将利用 Quasar CLI 开发和构建 SSR 网站。构建 SPA、Mobile App、Electron App、PWA 或 SSR 之间的区别仅仅是由quasar dev和quasar build 命令中的mode参数决定的。

为了开发或建立一个 SSR 网站，我们首先需要将 SSR 模式添加到我们的 Quasar 项目中:

quasar mode add ssr

如果您想直接开始开发，也可以跳过 “quasar mode” 命令，直接使用:

quasar dev -m ssr

这样，如果项目缺少 SSR 模式，则会自动添加后启动。

在回答了您想使用哪个 Web 服务器（Hono/Express/Fastify 等）的问题后，项目中会新建一个目录（详情请参考配置 SSR页面）：

src-ssr/

server-assets/

# 原样复制到 dist

middlewares/

# SSR 中间件文件

render.js

# (或 .ts) 使用 Vue 渲染页面的中间件

server.js

# (或 .ts) SSR Web 服务器

package.json

# 用于在 /src-ssr 目录下安装 SSR 专用依赖

发现错误？在浏览器中编辑此页