• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

vue-router中需要注意用的几个知识点

开发技术 开发技术 1天前 4次浏览

1.meta作为route对象的属性,可以自定义值。

如在routes.js中,常把是meta的authorRequired的值否需要登录验证的标志;在router对象的beforeEach中验证

vue-router中需要注意用的几个知识点

 

 

import Vue from 'vue';
import Router from 'vue-router';

import routes from './routes';
import store from '@/store'

Vue.use(Router);
const router = new Router({
  mode: 'history',
  routes
})

router.beforeEach((to, from, next)=>{
  if(to.matched.some(record=>record.meta.requiresAuth)){ //需要验证权限
    const status = store.getters['userLogin/getStatus']; 
    const topath = to.fullPath;
    if(status == 'logined'){//已登陆
      next()
     }else if(status == 'isLogining'){//正在登录,转到正在登录页
      // next({name:'loading', query: {topath}})
      next({name:'login', query: {topath}})

     }else{//未登录
      alert('请先登录1111')
      next({name:'login',
      query:{topath}
    })
    }
  }
  next()
})


export default router;

 


程序员灯塔
转载请注明原文链接:vue-router中需要注意用的几个知识点
喜欢 (0)