const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
 // ...
})

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/pages/login/Login'
import Index from '../pages/index/Index'
import Library from '../pages/library/Library'
import Design from '../pages/design/Design'
import Administration from '../pages/administration/Administration'
import Production from '../pages/production/Production'

import Global from '../common/global/Global'

Vue.use(Router)

const router = new Router({
 routes: [
 {
  path: '/',
  name: 'login',
  component: Login
 }, {
  path: '/index',
  name: 'index',
  component: Index
 }, {
  path: '/library',
  name: 'library',
  component: Library
 }, {
  path: '/design',
  name: 'design',
  component: Design
 }, {
  path: '/administration',
  name: 'administration',
  component: Administration
 }, {
  path: '/production',
  name: 'production',
  component: Production
 }
 ]
})

router.beforeEach ((to,from,next) => {
 //將所有需要登陸才顯示的頁面的路由都放進一個數組
 const nextRoute = ['index', 'library', 'design', 'administration', 'production'];
 //獲取登陸狀態(tài)
 let isLogin = Global.isLogin
 
 if(to.name === 'login') { //如果是登錄頁，則跳過驗證
 next() //必不可少
 return //以下的代碼不執(zhí)行
 }
 if(nextRoute.indexOf(to.name) >= 0) { //判斷該頁面是否需要登陸
 if(!isLogin) { //判斷登陸狀態(tài)
  next({ name : 'login'}) //如果未登錄，則跳轉到登錄頁
 } else {
  next() //如果已經登陸，那就可以跳轉
 }
 } else { //其他的無需登陸的頁面不做驗證
  next()
 }
 
})

export default router

 if(isLogin) {
 next()
 } else {
 next({ name: 'login')}
 }

 if(to.name === 'login') { 
 next() 
 return 
 }