如果我们需要在大部分页面中需要登录才可以查看的话，那么我们可以

1、打开router.js

在export前面加入

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requireLogin)) { // 判断该路由是否需要登录权限
    next()
  } else {
    if (store.getters.token) { // 判断当前用户的登录信息loginInfo是否存在
      next()
    } else {
      next({ path: '/login' })
    }
  }
})

2、再路由中

假如不需要登录的页面则加入meta: { requireLogin: true }

比如登录页面

const router = new Router({
{
      path: '/login',
      name: 'login',
      component: login,
      meta: { requireLogin: true }
    }
    })

这样我们就可以不进行跳转

登录功能

新建login.vue