vue路由——路由全局前置守卫

router.beforeEach((to, from, next) => {
  if (to.meta.requiresAuth) {
    if (!window.localStorage.getItem('token')) { // 判断是否已登录
      next('/login'); // 未通过身份验证时重定向到登录页
    } else {
      next(); // 继续路由导航
      location.reload()
    }
  } else {
    next(); // 如果元信息不需要身份验证，直接继续路由导航
  }
});

这个是在router目录下的index.js下写的

 meta是routes属性里自定义的一项，如果把requiresAuth的值变成true表示这个路由需要验证才能通过 所以第一个if判断就是找出哪个路由需要跳转