| | |
|---|
| | | import { registerMicroApps, setDefaultMountApp, start ,initGlobalState } from 'qiankun' |
|---|
| | | import { registerMicroApps, setDefaultMountApp, start, initGlobalState } from 'qiankun' |
|---|
| | | const microApps = [ |
|---|
| | | { |
|---|
| | | // - 必选，微应用的名称，微应用之间必须确保唯一 |
|---|
| | |
|---|
| | | // - 必选，微应用的激活规则 |
|---|
| | | //支持直接配置字符串或字符串数组，如 activeRule: '/app1' 或 activeRule: ['/app1', '/app2']，当配置为字符串时会直接跟 url 中的路径部分做前缀匹配，匹配成功表明当前应用会被激活。 |
|---|
| | | //支持配置一个 active function 函数或一组 active function。函数会传入当前 location 作为参数，函数返回 true 时表明当前微应用会被激活。如 location => location.pathname.startsWith('/app1')。 |
|---|
| | | activeRule: '/home',//匹配所有以/subPath开头的为子应用 |
|---|
| | | activeRule: '/home', //匹配所有以/subPath开头的为子应用 |
|---|
| | | //loader - (loading: boolean) => void - 可选，loading 状态发生变化时会调用的方法。 |
|---|
| | | //可选，主应用需要传递给微应用的数据。 |
|---|
| | | // props: { |
|---|
| | | // _parent_base: '/app-content/', |
|---|
| | | // msg:'这是主应用传给子应用的消息' |
|---|
| | | // }, |
|---|
| | | sandbox:{strictStyleIsolation: true} |
|---|
| | | sandbox: { strictStyleIsolation: false } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | // 乾坤提供的子应用生命周期钩子 可用于加载loading |
|---|
| | |
|---|
| | | // setDefaultMountApp('/home') |
|---|
| | | //启动qiankun | 不可重复启动 | 如果子应用入口在app.vue里可以在这启动否则会报错找不到子应用结点 |
|---|
| | | start({ |
|---|
| | | prefetch: false, |
|---|
| | | prefetch: false |
|---|
| | | }) |
|---|
