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、添加子 ...