Saber路由跳转问题

Saber 未结

关注

 1  1499

日行千里 2020-07-14 09:34

一、该问题的重现步骤是什么？

1. 我想将后台管理与前台业务功能分离，做两个首页，我将saber项目下page/index文件夹及其子项复制了一份，改名为console，然后配置了一个访问console/index页面的路由，可以从默认的首页跳转到console/index页面，但是点击console页面左侧的菜单都会跳转到默认首页，麻烦协助解决一下，谢谢

二、你期待的结果是什么？实际看到的又是什么？

我期待的结果是在console页面点击菜单，在console页的功能区打开页面，实际上是，不论我点击哪个菜单都会跳转到系统默认的首页

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

产品：BladeX 2.5.1

系统：windows 10

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。

配置修改步骤：

1、将src/page/index文件夹复制一份，重命名为console

2、在src/page/index/top/index.vue文件中，添加一个下拉菜单，如下图所示

控制台

3、在src/page/console/top/index.vue文件中，添加一个下拉菜单，如下图所示

首页

4、在src/router/page/index.js文件中增加一条路由，如下所示

{

path: '/console',

name: '后台管理',

component: () =>

import( /* webpackChunkName: "page" */ '@/page/console/index'),

meta: {

keepAlive: true,

isTab: false,

isAuth: false

}

5、然后登陆系统后，进入首页，通过头像的下拉菜单访问控制台，不论怎么点都是跳转到首页，如果把src/console/index中的标签删掉，可以正常跳转到console/index页面，但是在此页面点击任何菜单都是跳转到首页。

工程文件page文件夹和router文件夹见附件

src.zip

1条回答

smallchill (楼主)

2020-07-14 10:38

把配置修改的地方以及详细重现步骤发一下，提供的这些信息没法找到问题。
最好是直接传一个简化的demo工程到这个帖子，我下载后就可以直接帮你看了

作者追问:2020-07-14 10:38

配置修改步骤：
1、将src/page/index文件夹复制一份，重命名为console
2、在src/page/index/top/index.vue文件中，添加一个下拉菜单，如下图所示
        <el-dropdown-item>
<router-link to="/console">控制台</router-link>
</el-dropdown-item>
3、在src/page/console/top/index.vue文件中，添加一个下拉菜单，如下图所示
        <el-dropdown-item>
<router-link to="/">首页</router-link>
</el-dropdown-item>
4、在src/router/page/index.js文件中增加一条路由，如下所示
    {
      path: '/console',
      name: '后台管理',
      component: () =>
      import( /* webpackChunkName: "page" */ '@/page/console/index'),
      meta: {
      keepAlive: true,
      isTab: false,
      isAuth: false
      }
    },
5、然后登陆系统后，进入首页，通过头像的下拉菜单访问控制台，不论怎么点都是跳转到首页，如果把src/console/index中的<tag>标签删掉，可以正常跳转到console/index页面，但是在此页面点击任何菜单都是跳转到首页。
工程文件page文件夹和router文件夹见附件
src.zip

0 讨论(0)
发布评论:

提交评论
- 加载中...

Saber路由跳转问题

作者追问:2020-07-14 10:38