vue中 localStorage + sessionStorage实现浏览器关闭跳转登录，新建页签无需登录的功能

最新推荐文章于 2022-07-01 17:33:43 发布

小蒜瓣

最新推荐文章于 2022-07-01 17:33:43 发布

阅读量1k

点赞数

分类专栏：文档 UI

本文链接：https://blog.youkuaiyun.com/messicr7/article/details/105492986

版权

1、在app.vue中监听关闭浏览器 (刷新) 时清空localStorage确保关闭浏览器销毁token

    mounted: function () {
        window.addEventListener('unload', () => {
            // 这一步是在销毁之前存入session，确保刷新后token还在
            if (localStorage.getItem('admin-token')) {
                sessionStorage.setItem('admin-token', localStorage.getItem('admin-token'));
            }
            localStorage.setItem('admin-token', '');
        });
        
        // 同步sessionstorage localstorage
        this.timeOut = setInterval(() => {
            if (localStorage.getItem('admin-token')) {
                sessionStorage.setItem('admin-token', localStorage.getItem('admin-token'));
            }
            if (sessionStorage.getItem('admin-token')) {
                sessionStorage.setItem('admin-token', sessionStorage.getItem('admin-token'));
            }
        }, 100)
    },
    destroyed(