beforeEach

beforeEach

  • 全局导航钩子:router.beforeEach(to,from,next)
  • 作用:跳转前进行判断拦截。
  • 首先 store 就是一个存放在全局的状态
  • 我这里的 store 里面存储的是登陆的信息跟状态
  • beforeEach接收的参数是一个回调函数
  • 函数里面的参数有 to, from ,next
  • 每次路由跳转都会进来这个函数
  • 例如我从 A -> B 那么这里 to就是B from就是A
  • from -> to这里的判断就是
  • 如果是登录的,你前往的页面是登录页,则给你跳回Home页 (因为没必要再登录一次)
  • 如果你不是登录的,你前往的页面不是登录页,则给你跳回登录页 (不登录不能进去Home查看信息)