router全局守卫

Posted 2021-01-10 chenfan19941111

 1 import Vue from ‘vue‘//引入vue
 2 import VueRouter from ‘vue-router‘//引入router
 3 Vue.use(VueRouter)//使用router
 4 const router = new VueRouter({
 5    routes :[
 6        {path:,name:,componenet:} //配置路由规则    
 7 ] ,
 8 mode:‘history‘//去掉导航栏的#
 9 })
10 
11 //设置全局导航路由
12 router.beforeEach((to,from,next)=>{
13     //to.path,判断要去往的路由，
14    //如果是登录和注册就放行next()
15    if(to.path===‘/login‘||to.path===‘/register‘){
16      next() //不带参数表示放行
17 } else{
18     //判断是否登录
19     //store.gettes.isLogin===false
20     next(‘/login‘) //跳转到login ，带参数表示指定路由
21 }    
22 })

简单的路由全局守卫