Vue路由守卫实现无登录只跳转到登录页面

在实际的项目中，有一些页面是需要登录后才可以浏览，有一些功能需要登录权限。如果没限制用户未登录也可以通过url直接浏览，这需要我们路由上做一些限制。

在登录成功后，后端会返回一个唯一token，我们可以把这个token通过localStorage存起来
localStorage.setItem(‘token’, token);
在router/index.js下

router.beforeEach((to, from, next) => {
  let token = localStorage.getItem('token');//获取token
  if (token || to.path === '/login') {//有token或者在login页面下通行
    next();
  } else {
    alert('无权访问');
    next('/login');
  }