路由守卫

需要在路由中进行配置

全局路由前置

1
2
3
4
5
6
7
全局前置路由守卫
//切换路由或者初始化的时候都会调用一次
//to:前往的地址。from：过来的地址。next：是否允许前往，调用后即放行
route.beforeEach((to,from,next)=>
{
  next()//允许放行
})

可以在路由中的meta属性中添加属性。来选择那些路由需要鉴权。哪些不需要鉴权。

后置

1
2
3
4
5
6
7
全局前置路由守卫
//切换路由或者初始化的时候都会调用一次
//to:前往的地址。from：过来的地址。next：是否允许前往，调用后即放行
route.afterEach((to,from)=>
{
  
})

独享路由守卫

在每个子路由内使用
beforeEnter: (to,from,next)=>{}
他的逻辑和全局路由守卫一样，但是他只写在单个子路由内。
而且独享路由守卫只有前置路由守卫。

组件内路由守卫

image