microApp: any __MICRO_APP_NAME__: string __MICRO_APP_ENVIRONMENT__: string __MICRO_APP_BASE_ROUTE__: string } }//与基座进行数据交互functionhandleMicroData(router: Router) {//是否是微前端环境if(window.__MICRO_APP_ENVIRONMENT__) {//监听基座下发的数据变化window.microApp.addDataListener((...
micro-app提供了一套灵活的数据通信机制,方便主应用和子应用之间的数据传输。你可以通过<micro-app>组件的data属性向子应用发送数据,也可以在子应用中通过window.microApp.getData()获取数据,并通过window.microApp.dispatch()向主应用发送数据。 例如,在主应用中发送数据到子应用: vue <template> &...
exportconstmenuList = [ {title:'home',appName:'home',route:'/',children: [] }, {title:'vite1',appName:'appname-vite1',route:'/app-vite1',children: [ {title:'home',route:'/app-vite1/home',hashName:'home',isShow:true}, {title:'page2',route:'/app-vite1/page2',hashName:...
https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite 子应用 无需任何修改,直接启动子应用即可。 主应用 1. 安装微前端框架 microApp npm i @micro-zoe/micro-app --save 1. 2. 导入并启用微前端框架 microApp src/main.ts import microApp from '@micro-zoe/micro-app' microApp...
<micro-app :name="name" :url="url" iframe router-mode='native' keep-alive></micro-app> 子应用中路由跳转: router.push({ path: `/MF_customer/${path}`, query: { a: 1 } }); } 跳转后地址栏中的url发生了变化但是父应用中监听router变化不触发 ...
setup() { const state = reactive({ microApp_ifs: null, microApp_pis: null, microApp_tms: null, data: [], ifs: 0, pis: 0 }); const route = useRouter(); watch(() => route.currentRoute.value.path, (count, prevCount) => { if (count.indexOf('/ifs/eam') != -1) { state...
Micro-App 插件 micro-app 插件是对 MicroApp 的二次封装。由于 micro-app 在微前端应用中,对作为基座的应用和作为子应用的配置和方法不同。该模板为了提供统一的 micro-app 配置,需要对 micro-app 二次封装,以屏蔽在基座应用和子应用时的配置和方法差异。模板提供统一的参数配置,将模板配置为 微前端的基座应用...
在上一篇《微前端框架qiankun项目实战(一)--本地开发篇》发布后,感谢有网友提出了微应用的缓存问题,的确基于第一篇使用的registerMicroApps方式很难做到缓存,要做到应用缓存的方式使用手动加载管理微应用的方式是最好的,我将再写一篇补充篇使用loadMicroApp手动管理微应用,本篇我会模拟部署一下主应用和微应用,并将...
将.env中的VITE_APP_PUBLIC_PATH值改成你的业务模块实际名称,如/safecheck-web 将package.json中的af-example-mobile-vue-web改成你的项目实际名称,如af-safecheck-mobile-vue-web 在af-system-mobile-vue-web项目的microApps.ts文件中注册微应用进入...
也就是(似乎)依然因为microapp/sub-app-2/home在vue主项目那里的动态路由中是不存在的路由path所以会跳入404的逻辑 继续思考…… 在使用qiankun结合Vue3主项目和Umi4子项目时,遇到路由跳转至子项目后主项目提示 404 的问题,通常是由于路由配置或者qiankun的生命周期钩子没有正确处理导致的。以下是一些可能的解决步骤...