manage_invoice_ui/src/router/index.js

import Vue from 'vue';
import Router from 'vue-router';

import { Message } from 'element-ui';

const Login = () => import('@/views/Login');
const Home = () => import('@/views/Home');
// 首页
const Main = () => import('@/views/main/main');
// 个人中心
const Customer = () => import('@/views/customer/Customer');
const CustomerRecharge = () => import('@/views/customer/customerRecharge');
const custRecTime = () => import('@/views/customer/custRecTime');
// 系统管理部分
const User = () => import('@/views/sys/user');

// 无车部分
const nocarRec = () => import('@/views/noCar/nocarRec.vue');
const billway = () => import('@/views/noCar/billway.vue');
const nocarInvoice = () => import('@/views/noCar/invoice.vue');
const billwayException = () => import('@/views/noCar/billwayException.vue');
const noCarCalculateInfo = () => import('@/views/noCar/calculateInfo.vue');
const hcInvoice = () => import('@/views/noCar/hcInvoice.vue');
// 自有车部分

const selfcarRec = () => import('@/views/selfCar/selfcarRec.vue');
const selfCarTrade = () => import('@/views/selfCar/selfCarTrade.vue');
const selfInvoice = () => import('@/views/selfCar/invoice.vue');
const selfCarTradeException = () => import('@/views/selfCar/selfCarTradeException.vue');
const SelfCalculateInfo = () => import('@/views/selfCar/calculateInfo.vue');

// 参数管理
const paramMagager = () => import('@/views/manager/paramMagager.vue');

Vue.use(Router);

const router = new Router({
  base: '/jkcredit/',
  mode: 'history',
  routes: [
    { name: 'Login', path: '/login', component: Login },
    {
      name: 'Home',
      path: '/',
      component: Home,
      redirect: '/main',
      children: [
        // 首页
        { name: 'Main', path: '/main', component: Main },
        // 客户管理
        { name: 'Customer', path: '/customer', component: Customer },
        { name: 'customerRecharge', path: '/CustomerRecharge', component: CustomerRecharge },
        { name: 'custRecTime', path: '/custRecTime', component: custRecTime },
        // 系统管理部分
        { name: 'User', path: '/user', component: User },
        // 无车部分
        { name: 'nocarRec', path: '/nocarRec', component: nocarRec },
        { name: 'billway', path: '/billway', component: billway },
        { name: 'nocarInvoice', path: '/nocarInvoice', component: nocarInvoice },
        { name: 'billwayException', path: '/billwayException', component: billwayException },
        { name: 'noCarCalculateInfo', path: '/noCarCalculateInfo', component: noCarCalculateInfo },
        { name: 'hcInvoice', path: '/hcInvoice', component: hcInvoice },
        // 自有车部分
        { name: 'selfcarRec', path: '/selfcarRec', component: selfcarRec },
        { name: 'selfInvoice', path: '/selfInvoice', component: selfInvoice },
        { name: 'selfCarTrade', path: '/selfCarTrade', component: selfCarTrade },
        { name: 'selfCarTradeException', path: '/selfCarTradeException', component: selfCarTradeException },
        { name: 'SelfCalculateInfo', path: '/SelfCalculateInfo', component: SelfCalculateInfo },

        // 参数管理
        { name: 'paramMagager', path: '/paramMagager', component: paramMagager }
      ]
    }
  ]
});

router.beforeEach((to, from, next) => {
  // console.log(to);
  // console.log(from);
  // next();
  // 如果是登录的时候不判断token ，不是登录才判断token
  // console.log(to);
  if (to.name && to.name.toLocaleLowerCase() !== 'login') {
    // 判断token
    const token = sessionStorage.getItem('token');
    if (!token) {
      // 没有token,跳转到登录页面
      // this.$router.push('/login')
      router.push('/login');
      // 提示
      // this.$message.warning('请先登录');
      Message.warning('请先登录');
      return;
    }
  }
  next();
});

export default router;