Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

微应用接入,二级页面动态路由,菜单只配置了微应用一级页面,点击二级页面,UI错误,且点击其他tab,路由无响应 #265

Open
huying12345 opened this issue Nov 25, 2022 · 4 comments

Comments

@huying12345
Copy link

版本号:JeecgBoot-Vue3 1.2.0
问题描述:微应用以qiankun接入,二级页面(审批详情)是子应用动态路由

情况1. 菜单只配置了子应用一级页面,点击二级页面,UI显示错误;
情况2. 若把二级页面配置了菜单,且相关角色权限已配置,当进入二级页面之后,点击其他tab,路由无响应,页面报错。
在该二级页面点击回退按钮返回后,tab又可以正常点击。

截图&代码:

报错时,tablist 打印:[
{
"meta": {
"keepAlive": false,
"internalOrExternal": false,
"icon": "ant-design:bank-filled",
"componentName": "Analysis",
"title": "首页",
"ignoreKeepAlive": true,
"affix": true
},
"name": "dashboard-workbench",
"path": "/dashboard/workbench",
"params": {},
"query": {},
"fullPath": "/dashboard/workbench"
},
{
"fullPath": "/cmsBpm/processList",
"path": "/cmsBpm/processList",
"query": {},
"hash": "",
"name": "cmsBpm-processList",
"params": {},
"meta": {
"keepAlive": true,
"internalOrExternal": true,
"icon": "ant-design:appstore-twotone",
"componentName": "index",
"title": "工作台",
"single": true,
"affix": false,
"ignoreKeepAlive": false,
"loaded": false
},
"href": "/cmsBpm/processList",
"matched": [
{
"meta": {
"keepAlive": false,
"internalOrExternal": false,
"icon": "ion:grid-outline",
"componentName": "index",
"title": "Dashboard",
"single": true,
"affix": false
},
"name": "dashboardParent",
"path": ""
},
{
"meta": {
"keepAlive": true,
"internalOrExternal": true,
"icon": "ant-design:appstore-twotone",
"title": "工作台",
"ignoreKeepAlive": false
},
"name": "cmsBpm-processList",
"path": "/cmsBpm/processList"
}
]
},
{
"fullPath": "/cmsBpm/taskDetail/254/b00233e5-5c1b-11ed-a0a3-5ae4308428c9",
"path": "/cmsBpm/taskDetail/254/b00233e5-5c1b-11ed-a0a3-5ae4308428c9",
"query": {},
"hash": "",
"name": "cmsBpm-taskDetail-@id-@processInstanceId",
"params": {
"id": "254",
"processInstanceId": "b00233e5-5c1b-11ed-a0a3-5ae4308428c9"
},
"meta": {
"keepAlive": false,
"internalOrExternal": false,
"icon": "ant-design:pull-request-outlined",
"componentName": "index",
"title": "审批详情",
"single": true,
"affix": false,
"hideMenu": true,
"hideTab": true,
"hideBreadcrumb": true,
"ignoreKeepAlive": true,
"loaded": false
},
"href": "/cmsBpm/taskDetail/254/b00233e5-5c1b-11ed-a0a3-5ae4308428c9",
"matched": [
{
"meta": {
"keepAlive": false,
"internalOrExternal": false,
"icon": "ion:grid-outline",
"componentName": "index",
"title": "Dashboard",
"single": true,
"affix": false
},
"name": "dashboardParent",
"path": ""
},
{
"meta": {
"hideMenu": true,
"keepAlive": false,
"internalOrExternal": false,
"hideTab": true,
"icon": "ant-design:pull-request-outlined",
"title": "审批详情",
"hideBreadcrumb": true,
"ignoreKeepAlive": true
},
"name": "cmsBpm-taskDetail-@id-@processInstanceId",
"path": "/cmsBpm/taskDetail/:id/:processInstanceId"
}
]
}
]

1

2

3

4

5

6

友情提示(为了提高issue处理效率):

  • 未按格式要求发帖,会被直接删掉;
  • 请自己初判问题描述是否清楚,是否方便我们调查处理;
  • 描述过于简单或模糊,导致无法处理的,会被直接删掉;
@qinghechaoge
Copy link

同样的问题 你解决了吗

@qinghechaoge
Copy link

qinghechaoge commented Mar 30, 2023

是不是也用这个示例集成的?这个例子集成完,就是这样的
https://github.com/gongshun/qiankun-vue-demo/tree/feature/vite-child
image

@qinghechaoge
Copy link

解决了。createWebHistory 改成 createMemoryHistory 就好了

@hyc1009
Copy link

hyc1009 commented Apr 11, 2023

你好,你们微应用是用jeccg做的吗

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants