vue路由守卫,限制前端页面访问权限的例子

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

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
 
const router = new Router({
 routes: [{
   path: '/',
   name: 'HelloWorld',
   ponent: HelloWorld
  },
  {
   path: '/login',
   name: 'login',
   ponent: login
  }
 ]
})
//狼蚁网站SEO优化是重点 
router.beforeEach((to, from, next) => {
 let token = localStorage.getItem('token') 
 if (to.path == '/login') {
  next()
 } else {
  if (token == '' || token == null) {
   next('/login');
  } else {
   next()
  }
 }
 
})
 
export default router;