juipvue/src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import login from '@/components/login'
import local from '../extend/js/localStorage'
Vue.use(Router)

let router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/login',
      name: 'login',
      component: login
    },
    {
      path: '/home',
      name: 'home',
      redirect: '/order/statistics',
      component: resolve => require(['@/components/home'], resolve)
    },
    {
      path: '/r',
      name: 'openrefund',
      component: resolve => require(['@/components/order/openrefunds'], resolve)
    },
    {
      path: '/',
      name: '',
      redirect: 'home/blank',
      component: resolve => require(['@/components/common/layout/index'], resolve),
      children: [
        // 默认
        {
          path: 'home/blank',
          name: 'users',
          component: resolve => require(['@/components/home/blank'], resolve)
        },
        // 用户
        {
          path: 'user/index',
          name: 'users',
          component: resolve => require(['@/components/user/index'], resolve)
        },
        // 用户改价
        {
          path: 'user/search',
          name: 'userssearch',
          component: resolve => require(['@/components/user/search'], resolve)
        },
        {
          path: 'user/account',
          name: 'account',
          component: resolve => require(['@/components/product/account'], resolve)
        },
        {
          path: 'user/accountsearch',
          name: 'accountsearch',
          component: resolve => require(['@/components/product/accountSearch'], resolve)
        },
        {
          path: 'user/userprice',
          name: 'userprice',
          component: resolve => require(['@/components/user/userprice'], resolve)
        },
        {
          path: 'user/statistics',
          name: 'userstatistics',
          component: resolve => require(['@/components/user/statistics'], resolve)
        },
        {
          path: 'user/statistics_one',
          name: 'statistics_one',
          component: resolve => require(['@/components/user/statisticsOne'], resolve)
        },
        // 设置
        {
          path: 'user/managerlist',
          name: 'managerlist',
          component: resolve => require(['@/components/setting/managerlist'], resolve)
        },
        {
          path: 'user/addmanager',
          name: 'addmanager',
          component: resolve =>
            require(['@/components/setting/managerDetail'], resolve)
        },
        // 角色管理
        {
          path: 'user/rolelist',
          name: 'rolelist',
          component: resolve => require(['@/components/setting/roles'], resolve)
        },
        // 添加角色
        {
          path: 'user/editrole',
          name: 'editrole',
          component: resolve => require(['@/components/setting/editrole'], resolve)
        },
        // 产品管理
        {
          path: 'product/list',
          name: 'productlist',
          component: resolve => require(['@/components/product/list'], resolve)
        },
        {
          path: 'product/package',
          name: 'package',
          component: resolve => require(['@/components/product/package'], resolve)
        },
        {
          path: 'product/config',
          name: 'productconfig',
          component: resolve => require(['@/components/product/config'], resolve)
        },
        {
          path: 'product/soft',
          name: 'productsoft',
          component: resolve => require(['@/components/product/soft'], resolve)
        },
        {
          path: 'product/route',
          name: 'productroute',
          component: resolve => require(['@/components/product/route'], resolve)
        },
        {
          path: 'product/pricescheme',
          name: 'pricescheme',
          component: resolve => require(['@/components/product/pricescheme'], resolve)
        },
        {
          path: 'product/pricediscount',
          name: 'pricediscount',
          component: resolve => require(['@/components/product/pricediscount'], resolve)
        },
        // 资讯管理
        {
          path: 'article/list',
          name: 'articlelist',
          component: resolve => require(['@/components/article'], resolve)
        },
        {
          path: 'article/add',
          name: 'addindex',
          component: resolve => require(['@/components/article/add'], resolve)
        },
        // 订单
        {
          path: 'order/index',
          name: 'orderindex',
          component: resolve => require(['@/components/order/index'], resolve)
        },
        {
          path: 'order/taobao',
          name: 'orderindex',
          component: resolve => require(['@/components/order/taobao'], resolve)
        },
        {
          path: 'order/courseorder',
          name: 'courseorder',
          component: resolve => require(['@/components/order/course'], resolve)
        },
        {
          path: 'order/packageorder',
          name: 'packageorder',
          component: resolve => require(['@/components/order/package'], resolve)
        },
        {
          path: 'order/refundorder',
          name: 'refundOrderItems',
          component: resolve => require(['@/components/order/refunds'], resolve)
        },
        {
          path: 'order/amountdetails',
          name: 'amountdetails',
          component: resolve => require(['@/components/user/amountdetails'], resolve)
        },
        {
          path: 'order/charge',
          name: 'charge',
          component: resolve => require(['@/components/user/chargeorder'], resolve)
        },
        {
          path: 'order/sellinfos',
          name: 'sellinfos',
          component: resolve => require(['@/components/order/managerstatistics'], resolve)
        },
        // 销售管理
        {
          path: 'sell/coupon',
          name: 'coupon',
          component: resolve => require(['@/components/sell/coupon'], resolve)
        },
        {
          path: 'sell/addcoupon',
          name: 'addcoupon',
          component: resolve => require(['@/components/sell/coupon_add'], resolve)
        },
        {
          path: 'order/statistics',
          name: 'statistics',
          component: resolve => require(['@/components/order/statistics'], resolve)
        },
        {
          path: 'sell/couponused',
          name: 'couponused',
          component: resolve => require(['@/components/sell/couponused'], resolve)
        },
        {
          path: 'sell/sellerorder',
          name: 'sellerorder',
          component: resolve => require(['@/components/order/sellerorder'], resolve)
        },
        {
          path: 'sell/sellerstatistics',
          name: 'sellerstatistics',
          component: resolve => require(['@/components/order/sellerstatistics'], resolve)
        },
        {
          path: 'logs',
          name: 'logs',
          component: resolve => require(['@/components/logs/logList'], resolve)
        },
        {
          path: 'order/cashout',
          name: 'cashout',
          component: resolve => require(['@/components/order/cashOut'], resolve)
        },
        {
          path: 'order/tb_refund',
          name: 'tb_refund',
          component: resolve => require(['@/components/order/tb_refund'], resolve)
        },
        {
          path: 'order/failed',
          name: 'failed',
          component: resolve => require(['@/components/order/failed'], resolve)
        },
        {
          path: 'order/check',
          name: 'check',
          component: resolve => require(['@/components/order/check'], resolve)
        },
        {
          path: 'order/finance',
          name: 'finance',
          component: resolve => require(['@/components/order/finance'], resolve)
        },
        {
          path: 'order/buyi',
          name: 'buyi',
          component: resolve => require(['@/components/order/buyiRecord'], resolve)
        },
        {
          path: 'product/line',
          name: 'linlist',
          component: resolve => require(['@/components/product/lineList'], resolve)
        }
      ]
    }
  ]
})

// 使用 router.beforeEach 注册一个全局前置守卫，判断用户是否登陆
router.beforeEach((to, from, next) => {
  if (to.path === '/login' || to.path === '/' || to.path === '/r') {
    next()
  } else {
    let userInfo = local.getUserByCache()// localStorage.getItem('etorcurrentuser');
    if (!userInfo || userInfo === '') {
      router.replace({
        path: '/login',
        query: {
          redirect: router.currentRoute.fullPath
        }
      })
    } else {
      next()
    }
  }
})

export default router