主要解决子应用内部跳转路由时,跳到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配置方法不同,请自行百度
- 好了,再试试?
推荐阅读
- 乔天明为什么还没有判 乔天明
- cf烟雾头怎么调为什么烟雾头没有效果(新win7cf烟雾保护头怎么调)
- 我的世界信标有什么用(我的世界信标塔怎么做)
- 我的世界信标怎么用才能最大化(我的世界信标怎么解锁信标属性)
- 我的世界1.17怎么联机(我的世界1.17怎么加好友联机)
- 里切克是什么 里切克
- 红米k30s至尊版为什么不建议购买_是什么原因导致的
- 我的手机怎么截屏(华为手机截屏设置方法)
- 我的世界怎么孵化龙蛋(不用模组怎么孵化龙蛋)
- 我的世界信标怎么摆放才可以有全效果(我的世界里信标怎么搭效果最好)