javascript - window.open打开新页面localstorage为什么会丢失？

Question

使用window.open打开同源新tab，新页面localstorage中token丢失。

Answer 1

不同源，不能公享啊，可通过地址栏传啊

Answer 2

这个问题可能出现的原因是由于跨域策略（Same-Origin Policy）的限制。

Same-Origin Policy 是浏览器的一种安全机制，它只允许相同来源的网页脚本访问彼此的资源。如果一个脚本尝试去访问一个不同源（协议、域名或端口三者中有任何一个不同）的网页的资源，那么浏览器就会阻止这种行为，并抛出一个错误。

在你的情况中，当你使用 window.open 打开一个新的同源页面时，新页面被视为与原始页面有相同的源。然而，当新页面尝试访问其 localStorage 时，由于跨域限制，它无法访问原始页面的 localStorage。这是为了防止恶意脚本获取用户的敏感数据。

但是为什么在这种情况下，新页面的 token 会丢失呢？这可能是因为这个 token 是从原始页面通过某种方式（例如：通过查询参数，或者通过父页面与子页面的通信）传递到新页面的。新页面在试图获取这个 token 时，可能由于某种错误（例如：未处理的全局错误），未能成功获取到这个 token。

解决这个问题的一个可能方法是，在新页面加载完成之后，使用 window.opener 对象来访问并获取原始页面的 localStorage。例如：

window.onload = function() {    var token = window.opener.localStorage.getItem('token');    if (token) {        // 使用 token    } else {        // 处理 token 丢失的情况    }};

需要注意的是，这种方法只有在新的页面与原始页面同源，且在新的页面加载完成后才有效。如果这两个条件不满足，那么这种方法也可能无法正常工作。因此，如果你遇到这个问题，最好的解决方法可能是避免使用 window.open，或者确保新页面在加载时能够正确地获取到所有的必要数据。