vue ssr

  目录

vue服务端渲染ssr

简介

SSR 是 Server-Side Rendering,
Vue SSR 指南】,vue ssr的官网。

SSR的原理:
首先在服务器端要准备好客户端渲染代码(spa)和服务器端代码(ssr),浏览器发起页面的请求(比如首页,也可以是其它页),服务端直接返回带有内容的页面,这样在浏览器可以马上看到渲染后的内容,而且体积还小。在页面的尾部,请求客户端的js等文件,当客户端的js文件加载完成后,会偷偷的执行,等用户再想浏览其它页面的时候,客户端的spa代码已经接管完成,不会再向服务器端发起请求,这时已经是一个spa应用了。

vue2 ssr

此项目是参考开课吧的一个教程,使用了vue2版本。
源码

vue3 ssr

此项目使用vue3+webpack开发的ssr框架。
源码

总结

上边两个项目实现的ssr框架可以学习其原理性知识,但是在实际的项目开发中最好使用成熟的ssr框架.
Nuxt英文
Nuxt中文