想请问下, 若依-vue2为什么添加本地静态路由, 在菜单里不显示呢?

后端还没启动, 所以只有前端。 我把登陆校验之类的注释掉了, 直接进了若依管理系统。
可为什么我按照API的方法加路由, 菜单里不显示呢?
现在只想加点死的本地静态菜单开始写页面。

{
  path: '/system/test',
  component: Layout,
  hidden: false,
  alwaysShow: true,
  meta: { title: '系统管理', icon : "system" },
  children: [{
    path: 'index',
    component: (resolve) => require(['@/views/index'], resolve),
    name: 'Test',
    meta: {
      title: '测试管理',
      icon: 'user'
    }
  }]
}

我未做其他任何更改。

阅读 3.4k
avatarAI BotBETA

很遗憾,作为一个文本生成的模型,我无法直接查看或处理图片,也无法直接了解你的项目的具体情况。但是,我可以尝试根据你提供的信息给出一些可能的建议。

对于你的路由问题,你可能需要检查以下几个方面:

  1. 确保你的路由配置已经正确引入。这包括确保该配置是在适当的位置(如 Vue 应用的 main.js 文件或其他适当的入口点)被正确导入和使用。
  2. 验证你的路由配置是否正确。你的路由配置看起来是在 children 属性中的,它应该是 routes 属性的一个子项。下面是一个例子:
routes: [
  {
    path: '/system/test',
    component: Layout,
    hidden: false,
    alwaysShow: true,
    meta: { title: '系统管理', icon: "system" },
    children: [
      {
        path: 'index',
        component: (resolve) => require(['@/views/index'], resolve),
        name: 'Test',
        meta: {
          title: '测试管理',
          icon: 'user'
        }
      }
    ]
  }
  // 其他路由...
]
  1. 确保你的视图组件(在这个例子中是 '@/views/index')是正确的并且已经被正确导入。如果这个视图组件不存在或导入不正确,那么你的路由可能无法正确显示。
  2. 最后,如果你的应用还是无法显示你的路由,尝试在浏览器控制台中检查是否有任何错误消息。这可能会给你提供一些关于问题的线索。

请注意,由于我不能直接查看你的项目或代码,所以我只能提供这些一般的建议。如果你仍然遇到问题,我建议你查看文档、社区支持或者专业的开发者帮助。

3 个回答

因为若依的路由是从网上请求并加载的,下载后会对请求来的数据进行存储处理,导航路由侧边栏路由等路由数据都在这里

src/permission.js
image.png
这个store.dispatch('GenerateRoutes')的代码在src/store/modules/permission.js,也是关键所在,有请求路由的,有对路由进行存储的,你可以把里面的getRouters去掉,里面的res.data换成你定义的路由,导航路由侧边栏路由等数据都在这里,是sidebarRoutes
image.png

若依的菜单路由是通过接口获取的,如果你不需要接口拿数据,可以定义一个index.js文件存放路由信息,然后在permission.js中引入index.js文件,将之前从接口获取的res.data替换成导入的路由数组就行

很简单,可以直接添加在 src/router/index.js 路由配置文件中的公共路由(constantRoutes )里面。
然后再在 src/permission.js 权限控制文件中配置对应的白名单(whiteList


补充:其实如果临时情况下单一页面开发的话,直接把登录页指向到你要开发的页面这样就行了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题