javascript - 重定向到新的外部 url 时如何保留 localStorage

Question

这个问题已经有答案了:

In HTML5, is the localStorage object isolated per page/domain? (6 个回答)

已关闭 3 年前。

我遇到了无法跨重定向保存 localStorage 的问题。这是我的代码:

// 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('/'));

调用 api 并在 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,
        ],
      },
  });
};

我可以看到凭据正确存储在我的应用程序的 localStorage 中:

但是当我使用 window.open(process.env.NEW_SITE_URL) 重定向到新网址时，它们不会被保留.

我如何确保credentials重定向到新 url 时对象会被保留吗？由于我重定向到的应用程序中编写的逻辑，我无法使用 session 和 cookie。它只查找 credentials在本地存储中。

Answer 1

我过去曾遇到过这个问题。 localStorage 仅保留每个网站。我所做的是将用户凭据附加到 cookie 中。