vue-全局拦截未登录用户访问页面

为了保护网站的安全性，所以需要做全局路由拦截处理。

路由部分：这里的login:true是指是否要验证用户的token。

export default new Router({
  routes: [
    {
      path: '/homepage',
      name: 'Homepage',
      component: Homepage,
      meta:{
        keepAlive:false,
        login:true,
        title:'首页'
      }
    },

main.js拦截部分：判断是否存在用户的token，若不存在则跳转到登录页面

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = '这里设置header部分的title ' + to.meta.title
  }
  if (to.meta.login) {
    if (!JSON.parse(window.localStorage.getItem('userInfo'))) {
      next({
        path: '/login'
      })
    }
    next()
  } else {
    next()
  }
})