DLBWG_CK/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import { Message } from 'element-ui'

Vue.use(VueRouter)

// 2.创建路由对象
const router = new VueRouter({
  routes: [
    {
      name: 'default',
      path: '/',
      redirect: { name: 'layout' }
    },
    // 4.配置单个路由
    {
      name: 'login',
      path: '/login',
      component: () => import('@/views/login/index.vue')
    },
    {
      name: 'layout',
      path: '/layout',
      component: () => import('@/views/layout/index.vue'),
      redirect: { name: 'home' },
      // 首页添加子路由
      children: [
        {
          name: 'home',
          path: 'home',
          meta: { myInd: 0 },
          component: () => import('@/views/home/index.vue')
        },
        {
          name: 'homeNews',
          path: 'homeNews/:id',
          meta: { myInd: 0 },
          component: () => import('@/views/home/News.vue')
        },

        // 馆藏管理
        {
          name: 'holding0',
          path: 'holding0',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding0.vue')
        },
        {
          name: 'holding0_add',
          path: 'holding0_add',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding0_add.vue')
        },
        {
          name: 'holding0_audit',
          path: 'holding0_audit',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding0_audit.vue')
        },
        {
          name: 'holding0_result',
          path: 'holding0_result',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding0_result.vue')
        },
        {
          name: 'holding1',
          path: 'holding1',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding1.vue')
        },
        {
          name: 'holding1_look',
          path: 'holding1_look',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding1_look.vue')
        },
        {
          name: 'holding1_audit',
          path: 'holding1_audit',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding1_audit.vue')
        },
        {
          name: 'holding1_add',
          path: 'holding1_add',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding1_add.vue')
        },
        {
          name: 'holding2',
          path: 'holding2',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding2.vue')
        },
        {
          name: 'holding2_add',
          path: 'holding2_add',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding2_add.vue')
        },
        {
          name: 'holding2_audit',
          path: 'holding2_audit',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding2_audit.vue')
        },
        {
          name: 'holding2_look',
          path: 'holding2_look',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding2_look.vue')
        },
        {
          name: 'holding3',
          path: 'holding3',
          meta: { myInd: 1, keepAlive: true },
          component: () => import('@/views/holding/holding3.vue')
        },
        {
          name: 'holding3_look',
          path: 'holding3_look',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding3_look.vue')
        },
        {
          name: 'holding4',
          path: 'holding4',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding4.vue')
        },
        {
          name: 'holding5',
          path: 'holding5',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding5.vue')
        },
        {
          name: 'holding5_add',
          path: 'holding5_add',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding5_add.vue')
        },
        {
          name: 'holding5_audit',
          path: 'holding5_audit',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding5_audit.vue')
        },
        {
          name: 'holding5_look',
          path: 'holding5_look',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding5_look.vue')
        },
        {
          name: 'holding0_DiaEdit',
          path: 'holding0_DiaEdit',
          meta: { myInd: 1 },
          component: () => import('@/views/holding/holding0_DiaEdit.vue')
        },

        // 征集品管理
        {
          name: 'collect0',
          path: 'collect0',
          meta: { myInd: 2 },
          component: () => import('@/views/collect/collect0.vue')
        }, {
          name: 'collect1',
          path: 'collect1',
          meta: { myInd: 2 },
          component: () => import('@/views/collect/collect1.vue')
        }, {
          name: 'collect2',
          path: 'collect2',
          meta: { myInd: 2 },
          component: () => import('@/views/collect/collect2.vue')
        },

        // 库房管理
        {
          name: 'statistics0',
          path: 'statistics0',
          meta: { myInd: 3 },
          component: () => import('@/views/statistics/statistics0.vue')
        },
        {
          name: 'statistics1',
          path: 'statistics1',
          meta: { myInd: 3 },
          component: () => import('@/views/statistics/statistics1.vue')
        },

        // 系统管理
        {
          name: 'system1',
          path: 'system1',
          meta: { myInd: 4 },
          component: () => import('@/views/system/system1.vue')
        },
        {
          name: 'system2',
          path: 'system2',
          meta: { myInd: 4 },
          component: () => import('@/views/system/system2.vue')
        }
      ]
    }
  ]
})

router.beforeEach((to, from, next) => {
  // 如果是去登录页，不需要验证，直接下一步
  if (to.name === 'login') next()
  // 否则要有token值才能下一步，不然就返回登录页
  else {
    const token = localStorage.getItem('daliCK_token')
    if (token) next()
    else {
      Message.warning('登录失效，请重新登录')
      next({ name: 'login' })
    }
  }
})

export default router