为什么捐赠
API 浏览器
升级指南
NEW!
quasar.config 配置文件
迁移到 Webpack 版 CLI
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 Vue Router 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Webpack
处理 process.env
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
Quasar CLI with Webpack - @quasar/app-webpack
开发 SSR 的准备

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

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

$ quasar mode add ssr

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

$ quasar dev -m ssr

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

项目中会新建一个目录,详情请参考配置 SSR页面。

.
└── src-ssr/
    ├── middlewares/  # SSR middleware files
    └── server.js     # SSR webserver