使用路由导航守卫

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: '/nodeDetail2',
    name: 'nodeDetail2',
    component: () => import( '../views/nodeDetail2.vue')
  },
  {
    path: '/details2',
    name: 'details2',
    component: () => import( '../views/details2.vue')
  },
 
  
  {
    path: '/index',
    name: 'index',
    component: () => import( '../views/index.vue'),
    children:[
      {
        path: 'all',
        name: 'all',
        component: () => import( '../views/all.vue')
      },
      {
        path: 'changData',
        name: 'changData',
        component: () => import( '../views/changData.vue')
      },
      {
        path: 'details',
        name: 'details',
        component: () => import( '../views/details.vue')
      },
      
      {
        path: 'nodeDetail',
        name: 'nodeDetail',
        component: () => import( '../views/nodeDetail.vue')
      },
      {
        path: 'boxhead',
        name: 'boxhead',
        component: () => import( '../views/boxhead.vue')
      },
      {
        path: 'echarts',
        name: 'echarts',
        component: () => import( '../views/echarts.vue')
      },
      {
        path: 'echarts2',
        name: 'echarts2',
        component: () => import( '../views/echarts2.vue')
      },
      {
        path: 'gambler',
        name: 'gambler',
        component: () => import( '../views/gambler.vue')
      },
      {
        path: 'gamblerDetail',
        name: 'gamblerDetail',
        component: () => import( '../views/gamblerDetail.vue')
      },
      {
        path: 'gamblerTable',
        name: 'gamblerTable',
        component: () => import( '../views/gamblerTable.vue')
      }

    ]
    
  }
 
]

// 跳转相同路由,页面不报错
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

const router=new VueRouter({routes})
let isShow=false
//路由导航守卫
router.beforeEach((to, from, next) => {
  if(to.path!=='/details2' && to.path!=='/nodeDetail2'){


  const times = window.localStorage.getItem("time");
  const dates1 = +new Date();


  if (dates1 > times) {
    if(!isShow){
        Message.error('请重新登陆').showClose=true
        isShow=true
    }
    localStorage.clear()
  }else{
    isShow = false
  }
  
  if(times!=null && to.path=='/'){
    next("/index/all");
  }else if(times==null && to.path!='/'){
    next("/");
  }else{
    next()
  }
  }
  next()
})

export default router