一、qiankun 常见报错 1、子项目未 export 需要的生命周期函数 先检查下子项目的入口文件有没有 export 生命周期函数,再检查下子项目的打包,最 ...
一、qiankun 常见报错 1、子项目未 export 需要的生命周期函数 先检查下子项目的入口文件有没有 export 生命周期函数,再检查下子项目的打包,最 ...
一、qiankun框架中微应用之间如何跳转 qiankun框架提供两种跳转方式: 1、通过history.pushState()方式进行跳转 2、将主应用的路由实例传递给子应用 ...
一、应该如何划分子应用 在开始介绍 qiankun 的应用通信之前,我们需要先了解微前端架构如何划分子应用。在微前端架构中,我们应该按业务划分出对应的子应用,而不是通过功能模块划分 ...
微前端就是应用分割,独立运行,独立部署,将原本把所有功能集中于一个项目中的方式转变为把功能按业务划分成一个主项目和多个子项目,每个子项目负责自身功能,同时具备和其它子项目和主项目进行通信的能力,达 ...
一、问题背景 当主应用登录后,再进去微应用发现还需要登录,相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信,我们要利用qiankun ...
主要探究下主应用和多个微应用之间如何使用Vuex来进行状态管理,这其实是对上一篇文章中通信方式第二种方式的补充,因为 vue 主要还是使用 vuex 作为状态管理。 一、场景选择 ...
一、如何共享模块 1、NPM 方式共享模块 想象一下正常的共享模块方式,就是 NPM。正常的代码共享需要将依赖作为 Lib 安装到项目,进行 Webpack 打包构建再上线。 对于项目 ...
qiankun 微前端改造成功之后,有几个固定的步骤,但都是在 SPA 页上改造成功的。所以昨天在 SPA 改造之后,我也在想如何能应用到我们项目上去,但是我们项目是有很多 SEO 的需求,所以采 ...
一、什么是微前端? 微前端将微服务理念扩展到前端开发,一般来讲一个微服务架构中会有多个后端团队开发不同的业务服务,而前端通常只有一个团队,集中维护一个 SPA 单页应用,随着时间累加,前端团队维 ...
一、什么是微前端? 我们先来看两个实际的场景: 1、复用别的的项目页面 如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。注意:我们需要的只是别人项目 ...