qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
主应用 主应用使用react搭建,主应用主要提供左侧的项目导航进行切换,和微应用的容器 react子应用 react项目需要注意的是路由的需要根据是否是微应用来生成path和链接。 vue子应用 vue同样也是需要注意路由path的出来,vue是通过路由守卫来处理 最后效果: 代码地址:https: gitee.com rainbowChenhong micro web ...
2021-07-19 14:28 0 144 推荐指数:
qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
其余基础配置:https://www.cnblogs.com/fengsaoke/p/14628997.html qiankun在主应用的页面中加载微应用配置 ...
一、问题背景 当主应用登录后,再进去微应用发现还需要登录,相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信,我们要利用qiankun框架的initGlobalState和MicroAppStateActions api,相关 ...
讲解微前端qiankun demo仓库地址 : https:github.com/aehyok/vue ...
微前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录,微应用部署在二/三级目录。 1.1 微应用改造 ...
一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非 ...
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 一、什么是微前端 “微前端”一词最早在2016年提出,它将后端微服务的概念扩展到前端世界。简单来说,就是将大型的wen渐进式项目拆分成一个个小型工程,即微应用。每个微应用都能独立开发、部署、运行 ...
qiankun 集成指引文档 一、qiankun 网址 二、安装 qiankun 依赖 三、基座 1、路由模式:history 路由(/router/index.ts) 2、 注册子应用,开启服务(main.ts) 3、添加子 ...