跳到主要内容

预渲染

参考：

1、https://chengpeiquan.com/article/vite-vue3-prerender.html

2、https://www.qingp.net/read/62791d70e7f1572044b0d1e5.html

如果预先知道某些路由所需的路由和数据，我们可以使用与生产环境 SSR 相同的逻辑将这些路由预先渲染到静态 HTML 中。这也被视为一种静态站点生成（SSG）的形式

  • 不论是服务器渲染还是预渲染，它们的根本目的只有“加速浏览器显示页面的速度"

  • 预渲染不适用经常变化的数据，比如说股票代码网站，天气预报网站。因为此时的数据是动态的，而预渲染时已经生成好了dom节点

  • 预渲染也不适用大量的路由页面,比如成千上百个路由，因为此时打包后预渲染将会非常慢

预渲染 就是在webpack/vite 构建的过程中输出渲染好的静态页面

预渲染和服务器渲染/客户端渲染​

  • 预渲染 就是在webpack/vite 构建的过程中输出渲染好的静态页面

  • 服务端渲染 就是在服务器中就把js执行完。把该拿到的数据拿到,放在html中，给客户端浏览器执行html就可以了