SBLZHYQ/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import { Message } from 'element-ui'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'login',
    component: () => import('../views/login.vue')
  },
  {
    path: '/layout',
    name: 'layout',
    component: () => import('../views/layout/index.vue'),
    children: [
      {
        path: 'tab1',
        name: 'tab1',
        meta: { myInd: 1 },
        component: () => import('../views/tab1/index.vue')
      },
      {
        path: 'tab1Edit',
        name: 'tab1Edit',
        meta: { myInd: 1 },
        component: () => import('../views/tab1/edit.vue')
      },
      {
        path: 'tab2',
        name: 'tab2',
        meta: { myInd: 2 },
        component: () => import('../views/tab2/index.vue')
      },
      {
        path: 'tab2Edit1',
        name: 'tab2Edit1',
        meta: { myInd: 2 },
        component: () => import('../views/tab2/edit1.vue')
      },
      {
        path: 'tab2Edit2',
        name: 'tab2Edit2',
        meta: { myInd: 2 },
        component: () => import('../views/tab2/edit2.vue')
      },
      {
        path: 'tab3',
        name: 'tab3',
        meta: { myInd: 3 },
        component: () => import('../views/tab3/index.vue')
      },
      {
        path: 'tab3Edit1',
        name: 'tab3Edit1',
        meta: { myInd: 3 },
        component: () => import('../views/tab3/edit1.vue')
      },
      {
        path: 'tab4',
        name: 'tab4',
        meta: { myInd: 4 },
        component: () => import('../views/tab4/index.vue')
      },
      {
        path: 'tab4Edit1',
        name: 'tab4Edit1',
        meta: { myInd: 4 },
        component: () => import('../views/tab4/edit1.vue')
      },
      {
        path: 'tab4Edit2',
        name: 'tab4Edit2',
        meta: { myInd: 4 },
        component: () => import('../views/tab4/edit2.vue')
      },
      {
        path: 'tab5',
        name: 'tab5',
        meta: { myInd: 5 },
        component: () => import('../views/tab5/index.vue')
      },
      {
        path: 'tab5Edit1',
        name: 'tab5Edit1',
        meta: { myInd: 5 },
        component: () => import('../views/tab5/edit1.vue')
      },
      {
        path: 'tab6',
        name: 'tab6',
        meta: { myInd: 6 },
        component: () => import('../views/tab6/index.vue')
      },
      {
        path: 'tab6Edit1',
        name: 'tab6Edit1',
        meta: { myInd: 6 },
        component: () => import('../views/tab6/edit1.vue')
      },
      {
        path: 'tab6Edit2',
        name: 'tab6Edit2',
        meta: { myInd: 6 },
        component: () => import('../views/tab6/edit2.vue')
      }
    ]
  }
]

const router = new VueRouter({
  // mode: 'history',
  base: process.env.BASE_URL,
  routes
})

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

export default router