done

Former-commit-id: f4d2097b236a5c20e84ff57c2d4e9e62a3f0fefb

src/router/index.js

@@ -0,0 +1,65 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+// 进度条
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+
+import store from '@/store/index'
+
+import util from '@/libs/util.js'
+
+// 路由数据
+import routes from './routes'
+
+Vue.use(VueRouter)
+
+// 导出路由 在 main.js 里使用
+const router = new VueRouter({
+  routes
+})
+
+/**
+ * 路由拦截
+ * 权限验证
+ */
+router.beforeEach((to, from, next) => {
+  // 进度条
+  NProgress.start()
+  // 关闭搜索面板
+  store.commit('d2admin/search/set', false)
+  // 验证当前路由所有的匹配中是否需要有登录验证的
+  if (to.matched.some(r => r.meta.requiresAuth)) {
+    // 这里暂时将cookie里是否存有token作为验证是否登录的条件
+    // 请根据自身业务需要修改
+    const token = util.cookies.get('token')
+    if (token && token !== 'undefined') {
+      next()
+    } else {
+      // 将当前预计打开的页面完整地址临时存储 登录后继续跳转
+      // 这个 cookie(redirect) 会在登录后自动删除
+      util.cookies.set('redirect', to.fullPath)
+      // 没有登录的时候跳转到登录界面
+      next({
+        name: 'login'
+      })
+    }
+  } else {
+    // 不需要身份校验 直接通过
+    next()
+  }
+})
+
+router.afterEach(to => {
+  // 进度条
+  NProgress.done()
+  // 需要的信息
+  const app = router.app
+  const { name, params, query } = to
+  // 多页控制 打开新的页面
+  app.$store.dispatch('d2admin/page/open', { name, params, query })
+  // 更改标题
+  util.title(to.meta.title)
+})
+
+export default router

src/router/routes.js

@@ -0,0 +1,80 @@
+// layout
+import layoutHeaderAside from '@/layout/header-aside'
+
+const meta = { requiresAuth: true }
+
+/**
+ * 在主框架内显示
+ */
+const frameIn = [
+  {
+    path: '/',
+    redirect: { name: 'index' },
+    component: layoutHeaderAside,
+    children: [
+      {
+        path: 'index',
+        name: 'index',
+        meta,
+        component: () => import('@/pages/index')
+      },
+      {
+        path: '/page1',
+        name: 'page1',
+        component: () => import('@/pages/page1'),
+        meta: { meta, title: '页面 1' }
+      },
+      {
+        path: '/page2',
+        name: 'page2',
+        component: () => import('@/pages/page2'),
+        meta: { meta, title: '页面 2' }
+      },
+      {
+        path: '/page3',
+        name: 'page3',
+        component: () => import('@/pages/page3'),
+        meta: { meta, title: '页面 3' }
+      }
+    ]
+  }
+]
+
+/**
+ * 在主框架之外显示
+ */
+const frameOut = [
+  // 页面重定向使用 必须保留
+  {
+    path: '/redirect/:path*',
+    component: () => import('@/pages/redirect')
+  },
+  // 登录
+  {
+    path: '/login',
+    name: 'login',
+    component: () => import('@/pages/login')
+  }
+]
+
+/**
+ * 错误页面
+ */
+const errorPage = [
+  // 404
+  {
+    path: '*',
+    name: '404',
+    component: () => import('@/pages/error-page-404')
+  }
+]
+
+// 导出需要显示菜单的
+export const frameInRoutes = frameIn
+
+// 重新组织后导出
+export default [
+  ...frameIn,
+  ...frameOut,
+  ...errorPage
+]