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

路由部分:这里的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()
  }
})

 

Logo

前往低代码交流专区

更多推荐