登录访问拦截器
1、参考文档
javascript
https://router.vuejs.org/zh/guide/advanced/navigation-guards.html
2、具体配置(一般配置在router/index.js中)
javascript
const router = createRouter({ ... })
//添加访问拦截器
// ---to: 即将要进入的目标 用一种标准化的方式
// ---from: 当前导航正要离开的路由
router.beforeEach((to, from) => {
// ...
// 返回 false 以取消导航
return false
})
3、参考配置
javascript
//-------------------一般配置在router/index.js中----------------------------------------------
//添加访问拦截器
// -----------to: 即将要进入的目标 用一种标准化的方式
// -----------from: 当前导航正要离开的路由 用一种标准化的方式
router.beforeEach((to) => {
const userStore = useUserStore()
//判断有没有token 并且不是登录页
if (!userStore.token && to.path !== '/login') {
return '/login'
}
// 其它情况就直接放行
return true
})