qiankun子项目路由如何跳转到其他子项目
时间: 2023-11-22 15:04:23 浏览: 33
在 qiankun 微前端框架下,子项目之间的路由跳转可以通过调用 qiankun 提供的 `qiankun.start` 方法来实现。
首先,在主应用的入口文件(通常是 `main.js`)中,需要使用 `qiankun.start` 方法初始化微前端应用,并注册子应用的配置信息。
```javascript
import { registerMicroApps, start } from 'qiankun';
registerMicroApps([
{
name: 'app1',
entry: '//localhost:8081',
container: '#app1',
activeRule: '/app1',
},
{
name: 'app2',
entry: '//localhost:8082',
container: '#app2',
activeRule: '/app2',
},
]);
start();
```
在子应用中,可以使用 `qiankun.start` 方法来启动子应用,并在需要跳转到其他子应用时使用 `qiankun.navigateToApp` 方法进行跳转。
```javascript
import { start, navigateToApp } from 'qiankun';
start();
// 跳转到名为 app2 的子应用
navigateToApp('app2');
```
注意,跳转的目标子应用需要提前在主应用的注册配置中定义,并且在子应用的路由设置中需要包含对应的路由规则。
这样,当调用 `navigateToApp` 方法时,qiankun 将会根据配置中的路由规则匹配到对应的子应用,并进行跳转。