路由守卫

路由守卫就是判断是否需要进行页面阻拦

思路：在router的index.js文件中找到需要跳转的页面的路由，给他加上meta

　　　　meta需要与path，component同级

　　　　在此文件中配置路由守卫   router.beforeEach((to,from,next)=>{    })

举例：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/Mine',
    name: 'Mine',
    component: () => import(/* webpackChunkName: "about" */ '../views/Mine'),
    meta:{
      needLogin:true  //  需要登录
    }
  }
]

/配置路由守卫
router.beforeEach((to,from,next)=>{
  if(to.meta.needLogin){
//如果需要登录
    if(store.state.isLogin){
//如果已经登录  这里使用了vuex中state中的数据，因此需要导入相应的文件-----> import store from '../store'
      next()
    }else {
//如果没有登录
      next('/')
    }
  }else{
//如果不需要登录
    next()
  }
})