SSR 改变前端部署模型

相关概念:react

一旦前端项目从 CSR 切到 SSR,部署目标就不再只是“把静态文件丢进 Nginx”。

CSR 与 SSR 的区别

模型部署重点
CSR静态文件分发
SSRNode.js 服务运行 + 静态资源分发

结构变化

SSR 项目通常会同时产出两类内容:

  • 客户端静态资源
  • 服务端渲染入口

也就是说,服务器上除了静态文件,还要真正运行一个 Node.js 进程。

Nginx 的角色变化

在 CSR 里,Nginx 主要承担静态文件服务。

在 SSR 里,Nginx 更像反向代理:

  • 静态资源直接返回
  • 页面请求转发给 Node.js 服务

运行方式

SSR 部署通常至少需要:

  • 构建产物
  • Node.js 运行环境
  • 进程管理
  • 反向代理配置

如果要长期稳定运行,再补:

  • 日志
  • 监控
  • 重启策略
  • 缓存策略

一个判断

如果部署方案里没有常驻 Node.js 进程,通常就还不是完整的 SSR 运行模型。

相关笔记

结论

SSR 带来的不只是首屏和 SEO 变化,也会把前端项目推进到“服务需要长期运行”的部署语境里。