主應用 主應用使用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 ...

原視頻地址：https://www.bilibili.com/video/BV1H34y117fe/ 我也是看視頻學的，在這分享一下源碼，qiankun 配置我就不寫了，之前分享有dome，下面直接上代碼 在主應用src下新建 micro-fe文件 micro-fe文件下新建 ...

項目情況：qiankun 搭建的 vue 應用 問題： 1. 使用了 keep-alive，vue 不同路由使用同一個組件，切換路由沒觸發 activated 鈎子 2. 不同的 params，不觸發 activated 鈎子 解決方法：router-view 上添加 key ...

單頁面應用中，路由由前端控制，前端實現路由主要有兩種方式： 一是HTML5推出的history API，由pushState()記錄操作歷史，監聽popstate事件來進行視圖切換； 二是使用hash值，通過監聽hashchange事件來進行視圖切換 以下是一個路由示例： ...

　　主要探究下主應用和多個微應用之間如何使用Vuex來進行狀態管理，這其實是對上一篇文章中通信方式第二種方式的補充，因為 vue 主要還是使用 vuex 作為狀態管理。 一、場景選擇 1、項目現狀： 主應用是Vue技術棧，使用Vuex進行狀態管理 多個微 ...

一、qiankun框架中微應用之間如何跳轉 　　qiankun框架提供兩種跳轉方式： 1、通過history.pushState()方式進行跳轉 2、將主應用的路由實例傳遞給子應用，子應用使用主應用實例進行跳轉。 二、微應用需要支持跨域訪問 　　遇到這樣報錯：Access ...