How to clear the cache while clearing localstorage

Question

I have set a Authentication token in local storage on login and clears it on logout. After logout if the user tries to login again, old authentication token taken from the cache is taken instead of newly set value. How to clear the cache while clearing localstorage. I am using angular 2 in my application.

Login:

localstorage.setItem("token", "value")

Logout:

localstorage.clear();

Answer 1

before doing localstorage.clear();, you have to remove the element; To do that, your code should look like this: localStorage.removeItem('Token'); localstorage.clear();

Note that if you are using BehaviorSubject, you also have to set it to null; assume the following:

private loggedInUserSubject: BehaviorSubject<User>;
public loggedInUser: Observable<User>;

and in the constructor, to get the user's value:

this.loggedInUserSubject= new BehaviorSubject<User>(JSON.parse(localStorage.getItem('loggedInUser')));
this.loggedInUser= this.loggedInUserSubject.asObservable();

then to logout:

    localStorage.removeItem('currentUser');
    this.currentUserSubject.next(null);
    localstorage.clear();

Hope it helps :D