大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

很重要，所以要普及。 SEO： 搜索引擎优化（Search Engine Optimization），它是指通过站内优化，如：网站结构调整、网站内容建设、网站代码优化以及站外优化等方法，来进行搜索引擎优化。 简单说： 通过各种技术（手段）来确保，你的Web内容被搜素引擎最大化收…

前几节已经把项目基本骨架和路由搭建好了，但作为实际项目开发，这些还是不够的。随着业务的增大，应用层序代码也随之增大，如果把所有代码都打包到一个文件里面，首次加载会导致时间相对变长，增加流量（对移动端来说）。应用程序包含很多页面，某一时刻用户只会访问一个页面，用户未访问的页面代码…

这就是服务端渲染， 服务器将HTML文件数据渲染处理好了，再返回给客户端，浏览器不需要任何工作直接将页面渲染出来。 服务端渲染响应的是最终的结果，浏览器不需要再做任何的新的处理。从图片中可以看出，对于服务端渲染来讲，只需要发送一次请求就可以了。 但是将所有的事情都让服务端来操作…

上一章节，我们了解了react 服务端渲染的工程化配置，这一章节讲解如何进行数据预渲染，这是服务端渲染的核心目的。 无论是 react 的服务端渲染数据预取，还是 vue 的服务端渲染数据预取，都离不开状态管理工具，这里使用到的是 redux，如果不懂 redux 的使用，建议…

关于 Vue 的 SPA 说的已经太多了（在我之前的多个项目中，已经多次使用到了，包括 sell，music，vue-cms 等多个项目），它为我们带来了极速的开发体验，极强的开发效率。可能唯一有些许不足的就是：当我们对 SEO 很在乎的时候，我们如何去处理 SEO 的需求？ …

最近笔者和小伙伴在研究Vue SSR，但是市面上充斥了太多的从0到1的文章，对大家理解这其中的原理帮助并不是很大，因此，本文将从Vue SSR的构建流程、运行流程、SSR的特点和利弊这几方面对Vue SSR有一个较为详细的介绍。最后还将附上一个笔者实现的去除Vue全家桶的Dem…

大多数Vue项目要支持SSR应该是为了SEO考虑，毕竟对于WEB应用来说，搜索引擎是一个很大的流量入口。Vue SSR现在已经比较成熟了，但是如果是把一个SPA应用改造成SSR应用，成本还是有些高的，这工作量无异于重构前端。另外对前端的技术要求也是挺高的，需要对Vue比较熟悉，…