micro-zoe
如何把基座应用中众多的子应用配置界面的逻辑集中到一个文件中？
如何把基座应用中众多的子应用配置界面的逻辑集中到一个文件中？
如果后期增加一个活多个子应用，就需要在基座中去添加相应的配置，能否通过接口请求的方式来配置这些内容，有什么好的办法吗？
通过，路由改变后，里面内容没有改变。刷新下页面就正常了
参考 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/jump
在micro-app-demo样例中增加了一个页面，做通用应用，在增加的页面中，可以监听到路由改变，当前微应用不刷新，重新筛选页面没问题。
< template> < div v-if="appName && url"> <micro-app :name="appName" :url='url' :baseroute="baseroute" inline disablesandbox :data='microAppData' @created='handleCreate' @beforemount='handleBeforeMount' @mounted='handleMount' @unmount='handleUnmount' @error='handleError' @datachange='handleDataChange' >
const loadApp = (router: any) => { // const {path, query} = router; const path = router.path.substr(1); const index = path.indexOf('/'); if(index < 0) { appName = path; } else { appName = path.substring(0, index); }
const app = AppDatas[appName];
if(!app) {
console.log('不存在的引用');
return;
}
baseroute = app.baseroute;
// debugger
url = ${app.url}${app.publicPath}
// url = ${config.vite}/child/vite/;
console.log('url:', url)
console.log('appName:', appName)
}
const router = useRouter();
watch(
() => router.currentRoute.value.path,
(path, _) => {
loadApp(router.currentRoute.value)
},
{ immediate: true }
);
路由配置如上
通过，路由改变后，里面内容没有改变。刷新下页面就正常了
参考 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/jump
方便添加联系方式么