vite ssr,SSR GTV01

vite ssr,SSR GTV01

SSRitor在服务器端渲染网站、应用程序等，然后将渲染的页面传输到客户端以提高性能和SEO。 我们将使用Vue3、Vite和Express构建此应用程序。 Vue3是Vue.js的最新版本。基于ViteSSR架构，静态预渲染（SSG）也非常方便。 旧版浏览器支持Vite仅支持默认原生支持ESM的现代浏览器，但可以通过官方@vitejs/plugin-legacy支持旧浏览器。 遗产

后来，随着网页复杂度的增加，出现了jsp/ejs等一系列模板语法。服务器拿到数据后，将数据渲染到模板中，最后生成html并返回编辑给客户端。这就是最原始的ssr。 随着前端框架的诞生(ng/react/vueif(import.meta.env.SSR){//逻辑只在服务器端执行}这个是在构建过程中静态替换的，所以它将允许未使用的条件分支

"dev":"nodeserver","build:client":"vitebuild--outDirdist/client","build:server":"vitebuild--outDirdist/server--ssrsrc/entry-server.js"此时，我们将实现vite的官方网站- plugin-ssr：https://vite-plugin-ssr/1.项目结构这里建议直接使用vite-plugin-ssr提供的vue示例程序，里面已经把必要的配置都写好了，可以直接去

修改vite.config.ts,importvitessr()plugin:import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importviteSSRfrom'vite-ssr/plugin.js'exportdef//packageclient"build":"npmrunbuild:client&&npmrunbuild :server","build:client":"vitebuild--outDirdist/client","build:server":"vitebuild--s