开发喵星球

第一步：把router/index.js里面关于首页的路由给注释掉或者删除掉

// {
  //   path: '',
  //   component: Layout,
  //   redirect: 'index',
  //   children: [
  //     {
  //       path: 'index',
  //       component: () => import('@/views/index'),
  //       name: 'Index',
  //       meta: { title: '首页', icon: 'dashboard', affix: true }
  //     }
  //   ]
  // },

第二步：在login.vue的登录逻辑函数中，修改登录成功之后的跳转页面即可

this.$router.push({ path: '/system/role' }).catch(()=>{});

第三步：登录验证是否跳转到指定页面

注意： 点击首页面包屑，会直接跳转到404页面，因为首页路由已经被注释掉。

解决办法： 找到src/components/Breadcrumb/index.vue，把getBreadcrumb方法的与首页相关的代码改成自己设置的首页即可，如图：

matched = [{ path: '/system/role', meta: { title: '角色管理' }}].concat(matched)

登录查看