How to preserve localStorage when redirecting to a new external url

Question

I'm facing an issue where I can't save the localStorage across redirects. Here is my code:

// Call newSitelogin(). Set response(credentials) to localStorage. Redirect to new url.
newSitelogin({ uuid, password })
  .then(() => {
    window.open(process.env.NEW_SITE_URL); // This line clears localStorage.
  })
  .catch(() => replaceRouteWith('/'));

Endpoint to call the api and set the response in localStorage

newSitelogin(payload) {
  return yield put.resolve({
      [RSAA]: {
        endpoint: `/auth/hubv3-login`,
        method: 'POST',
        body: JSON.stringify(payload),
        types: [
          ACTION.LOGIN_REQUEST_PERFORM,
          {
            type: ACTION.LOGIN_REQUEST_SUCCESS,
            payload: (action, state, res) =>
              getJSON(res).then(json => localStorage.setItem('credentials', JSON.stringify(json))), // setting response to localStorage.
          },
          ACTION.LOGIN_REQUEST_FAILURE,
        ],
      },
  });
};

I can see that the credentials are rightly stored in the localStorage of my application:

But they are not preserved when i redirect to a new url using window.open(process.env.NEW_SITE_URL).

How do i make sure that the credentials object is carried over when redirecting to a new url? I cannot use sessions and cookies due to the logic written in the app that i'm redirecting to. It only looks for credentials in localStorage.

looks like the url is different. are you redirecting to an external link? — Tom Slutsky, Apr 23 '20 at 06:11

score 1 · Answer 1 · answered Apr 23 '20 at 06:12

1

I have faced this issue in the past. localStorage is only preserved per website. What i did was i attached the user credentials in cookies.

answered Apr 23 '20 at 06:12

Frustrated Programmer

281
1
11

How to preserve localStorage when redirecting to a new external url

1 Answers1