在实际的项目中,有一些页面是需要登录后才可以浏览,有一些功能需要登录权限。如果没限制用户未登录也可以通过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');}