主應用 主應用使用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在主應用的頁面中加載微應用配置 ...