Skip to content

前后端结合方式

更新: 4/23/2025 字数: 0 字 时长: 0 分钟

经典模式

  • 前端(React/Vue)+ 后端(Spring Boot/Express)
  • 前端通过 HTTP 请求(REST API / GraphQL)访问后端接口

服务端渲染 (SSR)

  • Next.js(基于 React)
  • Nuxt.js(基于 Vue)
  • 在服务器上预先把 HTML 渲染好,再发给浏览器,提升首屏速度、利于 SEO

SSR 的优势:

  • 首屏更快:浏览器直接拿到完整 HTML,用户感知更快。
  • 利于 SEO:搜索引擎能抓取完整页面内容,适合需要曝光的页面(如博客、电商、新闻)。
  • 分享体验好:分享链接能自动生成预览(如标题、描述、缩略图)。

SSR 的劣势:

  • 开发更复杂:要处理服务器端和客户端不一致的问题(比如 windowdocument 在服务端是没有的)。
  • 部署更复杂:需要部署一个长期运行的 Node.js 服务,不能像纯前端那样随便放 CDN。
  • 服务器负担大:每次访问都要重新渲染,访问量大时对后端压力大(可结合缓存优化)。

API 统一管理

  • API Gateway(如 Kong、Apigee)
  • 后端统一出口,前端调用简洁、后端服务拆分灵活

贡献者

The avatar of contributor named as wkwbk wkwbk

页面历史