代码拉取完成,页面将自动刷新
vue接入qiankun微前端辅助处理工具,主要是针对主子应用hash/history两种模式路由处理,使用时建议主子应用路由模式保持一致。
npm i vue-qiankun-helper -S
MainApp | MicroApp |
---|---|
getHistoryModeActiveRule | getMicroAppHashModeRoutes |
getHashModeActiveRule | getMicroAppRoutesByRouteMode |
getMicroAppActiveRuleByRouteMode | |
addMicroRoutesToMainRoute |
主应用工程环境下 根据当前路由模式计算注册微应用的激活路由(微应用注册前使用)
import {MainApp, getMicroAppActiveRuleByRouteMode} from "vue-qiankun-helper";
let microApps = getMicroAppActiveRuleByRouteMode(routeMode, microApps);
// or
let microApps = MainApp.getMicroAppActiveRuleByRouteMode(routeMode, microApps);
主应用工程环境下 添加子路由到主应用路由里面(微应用注册前使用)
import {MainApp, addMicroRoutesToMainRoute} from "vue-qiankun-helper";
addMicroRoutesToMainRoute(parentPath,mainRoutes,microRoutes);
// or
MainApp.addMicroRoutesToMainRoute(parentPath,mainRoutes,microRoutes);
在子应用工程环境下 根据当前路由模式重新计算子应用路由(微应用注册前使用)
import {MicroApp, getMicroAppRoutesByRouteMode} from "vue-qiankun-helper";
let microAppRoutes = getMicroAppRoutesByRouteMode(routes, appName, routeMode, microAppContainer);
// or
let microAppRoutes = MicroApp.getMicroAppRoutesByRouteMode(routes, appName, routeMode, microAppContainer);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。