Skip to page content
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[];
}