Vite + React 项目实现服务器渲染保姆级教学

一、了解服务器渲染

1.服务器渲染的定义

        服务器渲染（SSR），英文名称为Server – Side Rendering，它是一种在服务端将网页的HTML结构和内容进行渲染，然后将渲染好的完整的HTML页面发送到客户端浏览器进行展示的网页渲染技术。

2.服务器渲染的优缺点

        优点：

                1.首屏渲染速度快：在用户请求页面时，无需等待客户端JavaScript下载和执行来渲染页面，可以快速的去看到完整的页面内容，适用于提升用户体验，尤其是在网络较差或者对首屏加载时间要求比较高的场景的优势很大。

                 2.有利于搜索引擎优化：在搜索引擎访问页面时，能够直接获取到完整的，有内容的HTML页面，更容易理解页面的结构和内容，从而会提高页面在搜索引擎结果中的排名。

        缺点：

                1.服务器资源消耗大：因为页面放到了服务器端进行渲染，所以服务器需要承担的任务就加大了，这对于高并发情况，服务器的CPU，内存等资源消耗较大。所以需要更强的硬件配置和更好的性能优化来应对大量的请求。

                 2.开发和维护复杂：涉及到服务器端代码与前端代码的交互配合，代码结构相对复杂，开发和调试难度会增加，