思路:结合全局导航钩子函数:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。
from 从哪里来,to 到哪里去,next() 放行
登录页面放行,不是的登录页面结合token,有token放行。
如果有消息提示记得引入message
引入消息提示
import { Message } from 'element-ui';
//路由全局前置守卫
router.beforeEach((to, from, next) => {
//from 从哪里来
//to 到哪里去
//next() 放行 next("/login") 去登录页面
if (to.path === "/login") {//登录组件 直接放行
next();
} else {
//其他组件必须要登录
let token = localStorage.getItem("token");
if (token) {
next();//放行
} else {
Message.error("请先登录")
next("/login");//去登录页面
}}});