Vue3+TS版qiankun子应用
1.1 文件夹src下增加public-path.ts文件;内容:
1.2 修改main.ts
1.2.1 修改src/main.ts文件引入public-path.js
1.2.2 修改src/main.ts的启动程序,并导出qiankun对象生命周期
- 接入统一门户,需在mount方法中增加 w.rmLoading && w.rmLoading(); 关闭移除loading;
1.2.3 文件夹src下增加 useCurrentInstance.ts 文件;内容:
1.2.4 修改src/App.vue文件(按项目实际代码参照下图调整);内容:
Vue2的qiankun子应用接入
1、src文件夹下增加文件
1) public-path.js
设置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
2) 增加\common\config\index.js
设置
|
2、修改main.js配置
1) 引入文件:
设置
|
2) 修改new Vue启动配置
设置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
3) 增加暴露对外方法
设置
|
4) 增加 findAllrouter方法
设置
|
5) 修改 router.beforeEach
设置
|
3、修改App.vue
1) 在export default 前增加findAllrouter方法
设置
|
2) 在 methods 中增加 init 方法
设置
|
3) 在 mounted 执行 init
4、写缓存数据
设置
|