import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
// 重定向
{ path: '/', redirect: '/login' },
{ path: '/login', component: () => import('../components/Login.vue') },
{ path: '/home', component: () => import('../components/Home.vue') }
]
const router = new VueRouter({
routes
})
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to: 将要访问的路径
// from: 代表从哪个路径跳转而来
// next: 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
if (to.path === '/login') return next()
// 获取token
const tokenStr = window.sessionStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})
export default router
路由导航守卫
最新推荐文章于 2024-08-30 22:17:40 发布