Vue3 SSR 服务端渲染调研

---------------- 时间：2020-11-11 ----------------

状态：

• ssr 的文档尚未发布

• vue3 尚不能支持 IE11
  image.png

实践发现：

• ssr 下 vue-router 不能正确工作

• 通过 vite 可实现包含 router 的 ssr，但是 vite 的目标浏览器为支持原生 es module 的现代浏览器，并且还未发布正式版本
  

  image.png

链接

• stackoverflow 上对 vue3 ssr bundle render 的疑问，回答者给出了 vue-hackernews-3.0 示例，用 vue2 ssr 中的一些插件来解决 bundle 渲染
• vue3-example-ssr，单纯 vue3 ssr 的示例，没有 router
• 新版 vue-cli 搭建的 vue2 ssr 的项目示例
• 基于 vite 实现的 vue3 + ssr + router

当前 vue + ssr + router 可选方案

• nuxt.js
• vue2 ssr webpack 版
• vue2 ssr vue-cli 版
• vue3 ssr 用旧版插件
• vite

---

调研若有错误或不足之处，希望您能留言告知
若有新进展，也欢迎告诉我