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

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

在登录成功后，后端会返回一个唯一token，我们可以把这个token通过localStorage存起来

localStorage.setItem(‘token’, token);

在router/index.js下

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