主应用 主应用使用react搭建,主应用主要提供左侧的项目导航进行切换,和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来,vue是通过路由守卫来处理 最后 ...
这两天研究了下qiankun这个微前端实现,正好写了两个项目用的是umi且是父子应用关系,之前的方式是在主应用添加iframe将子应用引进来,现在想通过改造成qiankun来将两个应用联系起来,顺便试试这个库。 事先说明父应用umi版本为 . . ,子应用umi版本为 . . 。 具体操作是父子应用均通过yarn add umijs plugin qiankun添加qiankun插件,packag ...
2020-04-04 23:38 0 4014 推荐指数:
主应用 主应用使用react搭建,主应用主要提供左侧的项目导航进行切换,和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来,vue是通过路由守卫来处理 最后 ...
一、问题背景 当主应用登录后,再进去微应用发现还需要登录,相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信,我们要利用qiankun框架的initGlobalState和MicroAppStateActions api,相关 ...
qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
qiankun 集成指引文档 一、qiankun 网址 二、安装 qiankun 依赖 三、基座 1、路由模式:history 路由(/router/index.ts) 2、 注册子应用,开启服务(main.ts) 3、添加子 ...
关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 一、介绍: qiankun 项目实际搭建, 及各种微应用流行框架技术 (vue2 、vue3、react 、 umi2 、umi3)的配置; 初衷:自己当时摸索qiankun构建项目时,问题百出, 特别是umi2 及 umi3,百度 ...
qiankun 是一个基于 single-spa 的微前端实现库 官方文档 它的使用及介绍在官方有详细的文档说明,我这主要记录下 开发中遇到的问题, 1.关于 路由 加载404 的问题 使用component: ()=>import('../views/About')的方法来进行加载 ...
出于以下几个目的,最近在用qiankun改造项目: 几个项目共用同一个头部,底部和登录权限系统每次更新都需要同步N次代码,再加上rc,uat两个发布分支,就是3n次,想屎的心都有了 之前一直写react,这个项目用vue,但总怀念使用react的时光,vue虽然更方便,但总感觉 ...
其余基础配置:https://www.cnblogs.com/fengsaoke/p/14628997.html qiankun在主应用的页面中加载微应用配置 ...