How to logout a user when a new user logs in in the same browser?-CodePudding

I'm facing this problem where I have two dashboards for two users, one is admin and the other is a merchant. The problem is when admin logs in and in the new tab a merchant logs in too. If I refresh the admin page I get a navbar that is meant for merchant and the rest of the page is of admin... I'm storing the token in localStorage.

Can anyone tell me how I can logout the previously logged in user, If a new user logs in in the on the same browser?

CodePudding user response：

Instead using localStorage, you should use sessionStorage when you want the token to be unique to each tab/session and to be deleted when tab is closed for ex

CodePudding user response：

If you need to log out in the other tabs it would help to pass the signal between multiple tabs you can use a local storage event.

Set a logout-event on the previous tabs

localStorage.setItem('logout-event', 'logout'   Math.random());

Every other tab will listen it with the the code below.

window.addEventListener('storage', function(event){
    if (event.key == 'logout-event') { 
        // your code here
    }
});

Simply put whenever a merchant logs in using a new tab follow the above procedure to logout any other user.

CodePudding user response：

U can use sessionStorage Instead of localStorage: look at this: https://hashnode.com/post/how-to-handle-multi-user-login-in-same-browser-cjbxct3yq06mk4cwty2bmpsn1