主要解决子应用内部跳转路由时,跳到404
页的问题
- 你能搜这个,我姑且认为你基本配置已经好了,而且
主
跳子的一级路由
是正常的,请往下看 - 忘说了,我的主应用和子应用都是Vue
- 主应用中,你配置子应用路由的地方
{name: 'micro app',entry: '//localhost:8080',container: '#microContainer',activeRule: '/micro-app' // 记住它,姑且叫它【张三】}
- 主应用的
router.js
(或者router.ts
)
{path: '/micro-app/', // 跟张三一致component: layout,name: 'platform',meta: {...},children: [{path: ':pathMatch(.*)', // 这个表示在张三下的所有路由均有效【关键】,注意vue2和vue3配置名称不同,请自行百度component: MicroApp, // 你需要封装一个组件,里面就放个<div id="#microContainer"></div>,用于显示子应用页面name: 'children',meta: {...},}]}
- 最后看看你的
子应用
的router.js
(或者router.ts
)的模式中设置的路由前置
history: createWebHistory('/micro-app') //括号里一依旧是张三,注意vue2和vue3配置方法不同,请自行百度
- 好了,再试试?
经验总结扩展阅读
- 乔天明为什么还没有判 乔天明
- 我的世界信标有什么用(我的世界信标塔怎么做)
- 我的世界信标怎么用才能最大化(我的世界信标怎么解锁信标属性)
- 为什么说粉玫瑰不能随便送人
- 平安夜是不是我们的节日 平安夜为什么要吃苹果
- 2022小雪节气能建筑施工吗 建筑工程为什么冬季不能施工
- 为什么小米和大米不能一起煮
- 酱油夏天为什么会长蛆
- 木耳菜为什么要焯水
- 上海为什么台风刮不到