小编Mat*_*lva的帖子

Vue-router,如何防止用户在浏览器中按下后退按钮返回登录屏幕?

此代码防止用户通过修改 url 返回登录屏幕,但如果他们单击浏览器中的后退按钮,即使已登录,他也可以转到登录屏幕。

用户数据在通过身份验证时保存在 localstorage 'info' 中,当它退出时,localstorage 更新为 null

router.beforeEach((to, from, next) => {
    if(window.localStorage.getItem('info') !== null && to.path == '/login'){
        next(from.fullPath)
    }
    if(window.localStorage.getItem('info') === null && to.path != '/login'){
        next('/login')
    } 
    next()
})
Run Code Online (Sandbox Code Playgroud)

请帮帮我!

browser login vue.js vue-router

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

browser ×1

login ×1

vue-router ×1

vue.js ×1