vite SSR 学习笔记

本地开启gzip 安装vite-plugin-compression 配置 vite.config.js 安装node 下载 Node.js Linux 64位二进制安装包 解压安装包 创建软链接 查

需要处理的meta标签 index.html 安装vuex-router-sync用于在store中读取路由配置 main.js使用vuex-router-sync 路由中配置meta信息 src/r

预加载占位符 index.html 客户端打包manifest文件 线上环境预加载资源 server.js 服务端入口处理预加载资源 src/entry-server.js 防止数据二次预取 src/

vuex占位 index.html 根据占位符替换数据 server.js 入口文件暴露出store main.js 客户端入口替换state src/entry-client.js 服务端入口匹配路

vuex4 安装vuex 初始化 store/index.js 引入vuex main.js 测试 vuex实例 store/index.js 引入vuex vue-router实例 router/i

vue-router 安装vue-router4 添加页面 home article 路由配置 入口文件 main.js entry-client.js entry-server.js App.vue

初始化项目 添加客户端入口 改造main.js 新建客户端入口文件 src/entry-client.js 修改index.html引入文件 重新运行项目，确保一切正常 本地node开启ssr 设置开