Skip to content

url初次登陆,vue-router beforeEach不起作用 #1

Description

@1StepEngineer

代码如下:

new Vue({
  el: '#app',
  render: h => h(App),
  router,
  store,
  template: '<App/>',
  components: { App },
})

router.beforeEach((to, from, next) => {
 if(to.meta.requireAuth) {    //如果下一个页面的requireAuth是true,则验证token是否存在
	console.log(store.state.token)
  	if(store.state.token){
  	  next();
  	}else{
	  next({path: '/login'})	
  	}
 }else{
  	next();
 }
})

错误原因: router.beforeEach 放在代码后面了

修正之后:

router.beforeEach((to, from, next) => {
 if(to.meta.requireAuth) {    //如果下一个页面的requireAuth是true,则验证token是否存在
	console.log(store.state.token)
  	if(store.state.token){
  	  next();
  	}else{
	  next({path: '/login'})	
  	}
 }else{
  	next();
 }
})

new Vue({
  el: '#app',
  render: h => h(App),
  router,
  store,
  template: '<App/>',
  components: { App },
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions