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

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

• 在登录成功后，后端会返回一个唯一token，我们可以把这个token通过localStorage存起来
• localStorage.setItem('token', token);

在router/index.js下

router.beforeEach((to, from, next) => {
  let token = localStorage.getItem('token');
  if (token || to.path === '/login') {
    next();
  } else {
    next('/login');
  }