vue-router 做页面拦截问题

Question

需求是1 登录页→注册第一步此时在地址栏手动输入路由地址，不能跳转到除了登录页之外的其他路由页面，但是点击页面内的提交按钮可以跳转到 注册第二步2 在注册第二步的时候，在地址栏输入主页及其他页面的路由。也不能跳转。只有点击页面内的按钮才可以跳转回第一步，或者跳转到主页3 在主页的时候，在地址栏手动输入第一步第二步的地址，均不可以跳转

Answer 1

通过判断当前store.state的值决定是否执行next()

import router from './config/routes'

import store from './store/'

router.beforeEach(({ meta, path }, from, next) => {

     var { auth = true } = meta

     var isLogin = Boolean(store.state.user.username) //true用户已登录， false用户未登录

     if (auth && !isLogin && path !== '/login') {

         return next({ path: '/login' })

     }

     if (isLogin && (path === '/login' || path === '/reg')) {

         return next({ path: '/' })

     }

    next()

})