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()
})