Vue路由 meta属性

Vue路由 meta属性

Created: Aug 26, 2020 4:07 PM
分类: 技术点
技术: meta, router
文件: src/router/index.js

设置meta属性

{
  path: '/userinfo',
  component: userinfo,
  meta: {istoken: true}
}

可以在路由导航守卫跳转的时候判断有没有这个信息,如果有让跳转

// 路由守卫
router.beforeEach((to, from, next) => {
  if (!localStorage.getItem('token') && !localStorage.getItem('id') && to.meta.istoken === true) {
    Toast.fail('请重新登录')
    next('/login')
    return
  }
  next()
})