前后端结合方式
更新: 4/23/2025 字数: 0 字 时长: 0 分钟
经典模式
- 前端(React/Vue)+ 后端(Spring Boot/Express)
- 前端通过 HTTP 请求(REST API / GraphQL)访问后端接口
服务端渲染 (SSR)
SSR 的优势:
- 首屏更快:浏览器直接拿到完整 HTML,用户感知更快。
- 利于 SEO:搜索引擎能抓取完整页面内容,适合需要曝光的页面(如博客、电商、新闻)。
- 分享体验好:分享链接能自动生成预览(如标题、描述、缩略图)。
SSR 的劣势:
- 开发更复杂:要处理服务器端和客户端不一致的问题(比如
window
、document
在服务端是没有的)。 - 部署更复杂:需要部署一个长期运行的 Node.js 服务,不能像纯前端那样随便放 CDN。
- 服务器负担大:每次访问都要重新渲染,访问量大时对后端压力大(可结合缓存优化)。
API 统一管理
- API Gateway(如 Kong、Apigee)
- 后端统一出口,前端调用简洁、后端服务拆分灵活