技术栈

vue3ssr

Kinghiee
3 小时前
前端·webpack·node.js·vue3ssr
使用webpack构建vue3 ssr首先我们知道要想构建一个ssr,理解这个张图是必不可少的。从左边开始看起store、router和components就是平时写的页面里面用到的基本组件/逻辑。重点来看app.js对于csr来说项目只有一个app.js入口文件就可以了。但是ssr因为需要首屏渲染,也就是说直接请求页面时返回的不是空的html里面是有内容的。所有从app.js文件里面就开始不一样了。开始分为客户端打包和服务端打包。通过生成的serverBundle和clientBundle 一起在客户端激活。
我是有底线的