Vue脚手架使用meta使得进入路由时进行验证

在初始的脚手架中的router文件夹中的index.js文件中选择需要进入该路由时进行验证设置meta标签:
Vue脚手架使用meta使得进入路由时进行验证_第1张图片
在文件的最下方加入如下的验证机制

router.beforeEach((to,from,next) => {
     
  if((!localStorage.getItem('token') || !localStorage.getItem('id'))&&to.meta.istoken == true){
     
    router.push('/login')
    Vue.prototype.$msg.fail('请重新登录')
    return
  }
  next()
})

你可能感兴趣的:(前端,vue,vue)