为什么捐赠
API 浏览器
升级指南
创建新项目
quasar.config 配置文件
从 Webpack 项目转换
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 VueRouter 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Vite
处理 import.meta.env
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
Quasar CLI with Vite - @quasar/app-vite
混合 SSR + 部分 CSR

Quasar CLI 允许您构建混合 SSR + 部分 CSR(客户端渲染)应用。这对于希望某些页面仅在客户端渲染的场景非常有用。

此功能在 “@quasar/app-vite” v3.1+ 中可用

配置

您可以指示 Quasar CLI 哪些 Vue Router 路由应该仅在客户端处理:

/quasar.config file

ssr: {
  /**
   * 配置混合 SSR + 部分 CSR(客户端渲染)方案,
   * 指定哪些 Vue Router 路由仅在客户端渲染。
   *
   * 可以使用 picomatch 模式来匹配要在客户端渲染的路由。
   * https://www.npmjs.com/package/picomatch
   *
   * picomatch 模式说明:
   *   "/admin" 仅匹配该精确路由
   *   "/admin/**" 匹配该精确路由及 /admin 的所有子路由
   *   "/admin/*" 仅匹配 /admin 的直接子路由
   *   "/admin/{users,settings}" 匹配 /admin/users 和 /admin/settings 两个精确路由
   *
   * @example ['/dashboard', '/admin/**']
   * @default ssg.clientSideRenderingRoutes(如已配置),否则 []
   */
  clientSideRenderingRoutes?: string[];
}