2021-3-25路由守卫 拦截器 loading

全局路由守卫

解决用户还没登录时就直接显示首页内容的问题

通过全局路由守卫 - 导航守卫 - 全局前置守卫，在进入页面之前就对内容进行拦截 判断用户是否登录

• 全局前置守卫

//全局前置守卫分别是to、from、next有三个参数
router.beforeEach((to,from,next)=>{
   
	conslole.log（to）//我们要跳转的路由
	conslole.log（from）//表示我们从哪个路由跳转过来
	conslole.log（next）//控制下一步的跳转
})

• 配置全局守卫

const router=new VueRouter({
   
   routes
})
router.beforeEach((to,from,next)=>{
   
   conslole.log（to）
   conslole.log（from）
   conslole.log（next）
})
export default router
</