首页 > 其他 > 详细

router全局守卫

时间:2018-10-06 11:16:12      阅读:156      评论:0      收藏:0      [点我收藏+]
 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 })

简单的路由全局守卫

router全局守卫

原文:https://www.cnblogs.com/chenfan19941111/p/9746815.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!