From aa3e8ddc722750cf131d61253579f3fa81a64c32 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 24 四月 2024 16:22:54 +0800
Subject: [PATCH] 加载子应用
---
src/child.ts | 69 ++++++++++++++++++----------------
1 files changed, 36 insertions(+), 33 deletions(-)
diff --git a/src/child.ts b/src/child.ts
index b605519..829a065 100644
--- a/src/child.ts
+++ b/src/child.ts
@@ -1,47 +1,50 @@
-import { registerMicroApps,setDefaultMountApp} from "qiankun";
+import { registerMicroApps, setDefaultMountApp, start } from 'qiankun'
const microApps = [
{
// - 蹇呴�夛紝寰簲鐢ㄧ殑鍚嶇О锛屽井搴旂敤涔嬮棿蹇呴』纭繚鍞竴
- name: "vue-app",
+ name: 'app-content',
// - 蹇呴�夛紝寰簲鐢ㄧ殑鍏ュ彛
- entry: 'http://192.168.3.196:8080/',
+ entry: '//182.92.203.7:3007/books/test/',
+ // entry: '//192.168.3.196:8080/',
// - 蹇呴�夛紝寰簲鐢ㄧ殑瀹瑰櫒鑺傜偣鐨勯�夋嫨鍣ㄦ垨鑰� Element 瀹炰緥
- container: "#container",
+ container: '#container',
// - 蹇呴�夛紝寰簲鐢ㄧ殑婵�娲昏鍒�
//鏀寔鐩存帴閰嶇疆瀛楃涓叉垨瀛楃涓叉暟缁勶紝濡� activeRule: '/app1' 鎴� activeRule: ['/app1', '/app2']锛屽綋閰嶇疆涓哄瓧绗︿覆鏃朵細鐩存帴璺� url 涓殑璺緞閮ㄥ垎鍋氬墠缂�鍖归厤锛屽尮閰嶆垚鍔熻〃鏄庡綋鍓嶅簲鐢ㄤ細琚縺娲汇��
//鏀寔閰嶇疆涓�涓� active function 鍑芥暟鎴栦竴缁� active function銆傚嚱鏁颁細浼犲叆褰撳墠 location 浣滀负鍙傛暟锛屽嚱鏁拌繑鍥� true 鏃惰〃鏄庡綋鍓嶅井搴旂敤浼氳婵�娲汇�傚 location => location.pathname.startsWith('/app1')銆�
- activeRule: "#/app-content", //鍖归厤鎵�鏈変互/subPath寮�澶寸殑涓哄瓙搴旂敤
+ activeRule: '/home' //鍖归厤鎵�鏈変互/subPath寮�澶寸殑涓哄瓙搴旂敤
//loader - (loading: boolean) => void - 鍙�夛紝loading 鐘舵�佸彂鐢熷彉鍖栨椂浼氳皟鐢ㄧ殑鏂规硶銆�
//鍙�夛紝涓诲簲鐢ㄩ渶瑕佷紶閫掔粰寰簲鐢ㄧ殑鏁版嵁銆�
- props: {
- _parent_base: '/app-content/',
- msg:'杩欐槸涓诲簲鐢ㄤ紶缁欏瓙搴旂敤鐨勬秷鎭�'
- },
- },
-];
-// 涔惧潳鎻愪緵鐨勫瓙搴旂敤鐢熷懡鍛ㄦ湡閽╁瓙 鍙敤浜庡姞杞絣oading
-const mount={
- beforeLoad: () => {
- //寮�濮嬪姞杞絣oading
- console.log('瀛愬簲鐢ㄥ姞杞藉墠')
- },
- beforeMount: () => {
- console.log('瀛愬簲鐢ㄦ寕杞藉墠')
- },
- afterMount: () => {
- //缁撴潫鍔犺浇loading
- console.log('瀛愬簲鐢ㄦ寕杞藉悗')
- },
- beforeUnmount: () => {
- console.log('瀛愬簲鐢ㄥ嵏杞藉墠')
- },
- afterUnmount: () => {
- console.log('瀛愬簲鐢ㄥ嵏杞藉悗')
- },
+ // props: {
+ // _parent_base: '/app-content/',
+ // msg:'杩欐槸涓诲簲鐢ㄤ紶缁欏瓙搴旂敤鐨勬秷鎭�'
+ // },
}
+]
+// 涔惧潳鎻愪緵鐨勫瓙搴旂敤鐢熷懡鍛ㄦ湡閽╁瓙 鍙敤浜庡姞杞絣oading
+const mount = {
+ beforeLoad: () => {
+ //寮�濮嬪姞杞絣oading
+ console.log('瀛愬簲鐢ㄥ姞杞藉墠')
+ },
+ beforeMount: () => {
+ console.log('瀛愬簲鐢ㄦ寕杞藉墠')
+ },
+ afterMount: () => {
+ //缁撴潫鍔犺浇loading
+ console.log('瀛愬簲鐢ㄦ寕杞藉悗')
+ },
+ beforeUnmount: () => {
+ console.log('瀛愬簲鐢ㄥ嵏杞藉墠')
+ },
+ afterUnmount: () => {
+ console.log('瀛愬簲鐢ㄥ嵏杞藉悗')
+ }
+}
//娉ㄥ唽瀛愬簲鐢�
-registerMicroApps(microApps,mount);
+registerMicroApps(microApps, mount)
//璁剧疆榛樿鍚姩瀛愬簲鐢�
-setDefaultMountApp('/subPath');
+setDefaultMountApp('/home')
//鍚姩qiankun | 涓嶅彲閲嶅鍚姩 | 濡傛灉瀛愬簲鐢ㄥ叆鍙ｅ湪app.vue閲屽彲浠ュ湪杩欏惎鍔ㄥ惁鍒欎細鎶ラ敊鎵句笉鍒板瓙搴旂敤缁撶偣
-//start()
+start({
+ prefetch: false,
+})
--
Gitblit v1.9.1