qiankun+vue，为什么我的子应用的子路由老是跳404？这么解决
2024-10-20 05:40:48
主要解决子应用内部跳转路由时，跳到404页的问题
- 你能搜这个，我姑且认为你基本配置已经好了，而且
主跳子的一级路由是正常的，请往下看 - 忘说了，我的主应用和子应用都是Vue
主应用跳子应用都正常，为什么子应用跳子路由就会404？注意这三点
- 主应用中，你配置子应用路由的地方
{
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配置方法不同，请自行百度
好了，再试试？
最新文章
- 使用bind方法确定接收者
- Number Sequence HDU 1711（KMP）
- jquery中ajax 从前端到后端 完整过程解析
- php 随机生成
- 转: https 单向双向认证说明_数字证书, 数字签名, SSL(TLS) , SASL
- [EAP]将hostapd作为radius服务器搭建EAP认证环境
- Hex、bin、axf、elf格式文件小结
- Java基础巩固----泛型
- 《UNIX网络编程》之点对点通信
- 跳转APP（app之间互相通信）
- Form 表单提交的几种方式
- [Python数据挖掘]第7章、航空公司客户价值分析
- eclipse安装中java环境的搭建
- C# 获取文件名及扩展名【转】
- vue中监听window.resize的变化
- 基础邮件原理（MUA,MTA,MDA）
- python学习(23)requests库爬取猫眼电影排行信息
- Round 403 div. 2
- HTML5增强的表单
- KDevelop使用笔记【中文教程】