原文:前端微服務(qiankun)哈希路由實踐

最近公司搞前端微服務,用了qiankun這個庫,不得不說背靠輪子好乘涼啊 。 qiankun介紹戳這里https: qiankun.umijs.org zh 先看下效果 下面進入正題: 我的項目,技術棧都是vue,主應用擁有自己的公共模塊,同時需要以微應用方式嵌入業務模塊。大概如下圖所示 因為我主應用用的哈希路由,微應用參考官方demo用的都是history方式的路由,就導致路由變化比較蛋疼,比如 ...

2020-06-03 14:53 17 7726 推薦指數:

查看詳情

前端qiankun從搭建到部署的實踐

示例代碼: github.com/fengxianqi/…。 在線demo:qiankun.fengxianqi.com/ 單獨訪問在線子應用: subapp/sub-vue subapp/sub-react 為什么要用qiankun ...

Sat Oct 10 19:32:00 CST 2020 1 3479
qiankun前端實踐及常見問題

關注公眾號: 微信搜索 前端工具人 ; 收貨更多的干貨 一、介紹: qiankun 項目實際搭建, 及各種微應用流行框架技術 (vue2 、vue3、react 、 umi2 、umi3)的配置; 初衷:自己當時摸索qiankun構建項目時,問題百出, 特別是umi2 及 umi3,百度 ...

Fri Mar 26 17:15:00 CST 2021 0 820
淺析微前端方案及qiankun介紹與開發實踐

一、什么是微前端?   我們先來看兩個實際的場景: 1、復用別的的項目頁面   如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。   一個比較笨的辦法就是直接 ...

Mon Jun 14 06:14:00 CST 2021 0 1025
qiankun前端項目實踐方案(基礎框架篇)

一、前言 相信大家對於微前端的概念和思想都有了解過,在此我不再贅述。在我們的業務項目中,由於項目比較大,在日常的開發過程中也暴露出來了問題:項目啟動慢,打包部署上線慢。這給我們開發和運維人員帶來了很大的不便,有時候有緊急任務需要上線,也得打包半個鍾才能交付到運維處。因此,我們打算使用微前端的方案 ...

Fri Dec 10 17:16:00 CST 2021 0 101
前端方案 qiankun實踐及總結)--摘抄

轉發鏈接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小編也發布過關於微前端 qiankun的文章: 深入淺出解析阿里成熟的微前端框架 qiankun乾坤源碼【圖文並茂】 什么是微前端? 我們先來看兩個實際 ...

Wed Jun 24 05:03:00 CST 2020 0 2964
淺析微前端方案及qiankun介紹與開發實踐

一、什么是微前端?   我們先來看兩個實際的場景: 1、復用別的的項目頁面   如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。   一個比較笨的辦法就是直接 ...

Sat Mar 12 01:00:00 CST 2022 0 1142
vue3 + ts + qiankun2 微服務搭建

vite目前暫不支持qiankun qiankun官網:https://qiankun.umijs.org/zh/guide 主應用(vue2版本) 安裝qiankun :$ yarn add qiankun # 或者 npm i qiankun -S main.js APP.vue ...

Sat Nov 06 02:33:00 CST 2021 0 1006
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM