分享一个简单的 Vue SSR 实现的微前端&微服务的demo
左边的内容由 ssr-common服务提供,右边的内容根据不同的url,请求到其它的服务
首屏渲染的时候,右边内容区域在服务端远程调用其它 SSR 服务的内容,但是在客户端的时候,调用其它远程服务的时候,走CSR渲染。
哈哈,今天的文章写得比较随意,仅仅只是分享一个小demo。
如果你是大型的项目,需要做服务拆分的请看这个demo https://github.com/fmfe/vue-genesis-micro
如果你是小型项目,需要做SSR的,可以看下这里demo https://github.com/fmfe/genesis-router-demo
至于为什么不使用Nuxt.js,而是选择自己造轮子? 第一、为了适应业务的发展需要,重构整个Followme5.0网站 第二、Nuxt.js目前的架构设计,没办法进行服务的拆分 第三、Nuxt.js的webpack的相关依赖,全部打包到主包的依赖中,导致在生产环境构建docker镜像的时候,特别大。
最后,项目文档还在不断的完善中,想吃螃蟹的欢迎来试用!我最近经常看cnode社区,欢迎留言讨论。
实现微前端&微服务的底层库 https://github.com/fmfe/genesis
1 回复
写文档不易,支持一下