导航:表示路由正在发生变化。进行路由跳转。
守卫:把它当做护卫。
分类:全局守卫、路由独享守卫、组件内守卫。
上篇笔记遇到的问题是,当用户已经登录的时候,就无法再通过login路径前往登录页面。
解决这个问题需要用到全局守卫的前置守卫
全局守卫:前置守卫(在路由跳转之前)
beforeEach(to,from,next) 三个参数
to:可以获取到你要跳转到那个路由信息
from:可以获取到你从哪个路由跳来的信息
next:放行函数 next()放行 next('/login')放行到指定路由 next(false)
在 src/router/index.js
//引入store
import store from '@/store'
//配置路由
let route