现有vue3+vite项目使用vite-ssr插件进行ssr渲染

时间:2025-03-05 14:06:39

1、打包后会dist中会产生两个文件夹client和server可以直接npmstart通过server.js本地启动看是否能正常访问如果没有问题就可以执行服务端的部署访问功能

2、配置vite-config.ts

3、仅在客户端/浏览器中渲染对于某些页面在浏览器中,渲染其子组件的ClientOnly组件:

4、添加插件到现有项目

5、服务端部署

6、配置package.json启动方式

7、配置服务端启动文件server.js放在vite.config.ts同级

8、配置main.ts

9、配置路由页面直接exportdefault路由数组