React.js与Node.js结合的SSR实现方法详解，有哪些具体方案？

本文共计2074个文字，预计阅读时间需要9分钟。

SSR（Server-Side Rendering）即服务器端渲染，是一种传统的服务端渲染技术。它使用Java、PHP等开发语言实现，可以与Node.js和前端领域相关技术相结合，实现不断进步。前端同学也可以基于此完成独立的服务。

基础概念

SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。

过程：浏览器发送请求 -> 服务器运行 react代码生成页面 -> 服务器返回页面 -> 浏览器下载HTML文档 -> 页面准备就绪 即：当前页面的内容是服务器生成好给到浏览器的。

对应CSR：即客户端渲染(Client Side Render) 过程：浏览器发送请求 -> 服务器返回空白 HTML(HTML里包含一个root节点和js文件) -> 浏览器下载js文件 -> 浏览器运行react代码 -> 页面准备就绪 即：当前页面的内容是js渲染出来

如何区分页面是否服务端渲染： 右键点击 -> 显示网页源代码，如果页面上的内容在HTML文档里，是服务端渲染，否则就是客户端渲染。