vue路由守卫(没有登录就不能访问其他界面)
效果:1、在登录按钮中存入一个tokenwindow.sessionStorage.setItem('token', res.data.token)2、在router中加入以下代码:router.beforeEach((to, from, next) => {// 1.如果访问的是登录页面(无需权限),直接放行if (to.path === '/login' || to.path === '
·
效果:
1、在登录按钮中存入一个token
window.sessionStorage.setItem('token', res.data.token)
2、在router中加入以下代码:
router.beforeEach((to, from, next) => {
// 1.如果访问的是登录页面(无需权限),直接放行
if (to.path === '/login' || to.path === '/register') return next()
// 2.如果访问的是有登录权限的页面,先要获取token
const tokenStr = window.sessionStorage.getItem('token')
// 2.1如果token为空,强制跳转到登录页面;否则,直接放行
if (!tokenStr) {
alert("请登录")
return next('/login')
}
next()
})
更多推荐
已为社区贡献1条内容
所有评论(0)