全局路由守卫

前置路由守卫使用

import VueRouter from "vue-router";
import Count from '../pages/Count'
const router = new VueRouter({
  routes: [
    {
      path: '/count',
      component: Count,
      meta: {
        isAuth: true,
        title: '计算'
      }
    },
  ]
})

//全局前置路由守卫
router.beforeEach((to, from, next) => {
	//to: 进入的路由对象
	//from:离开的路由对象
	//next:执行下一步操作，也就是跳转页面
  console.log(to, from)
	//to.meta.isAuth 是用来判断是否需要权限校验
  if (to.meta.isAuth) {
    if (localStorage.getItem('school') == '1') {
      next()
    } else {
      alert('学习名不对，无权查看页面')
    }
  } else {
    next()
  }


})


export default router

后置路由守卫使用

import VueRouter from "vue-router";
import Count from '../pages/Count'
const router = new VueRouter({
  routes: [
    {
      path: '/count',
      component: Count,
      meta: {
        isAuth: true,
        title: '计算'
      }
    },
  ]
})
// 改变网页title
router.afterEach((to, from) => {
  document.title = to.meta.title || '学习'
})

export default router