最近工作中接触到SSR（服务端渲染）技术，本文详细介绍了如何使用Vite和React进行SSR改造。SSR与传统的客户端渲染（CSR）相比，主要区别在于页面渲染的时机。通过SSR，服务端会返回包含样式和节点的HTML文档，客户端加载JS后再进行“注水”，使得页面变得可交互。文章提供了改造前的代码示例，并逐步讲解如何通过修改核心文件实现SSR。改造后的代码可有效优化首次加载体验，减少页面闪烁问题。此外，文中还提到了开发环境下的样式处理问题及解决方案，帮助开发者更好地理解和应用SSR技术。