javascript - 在不同的域中设置 localStorage

Question

我正在尝试在我可以从其他站点(如 my-other-site.com)访问的域(如 my-site.com)中设置一个变量。基本上，当我收到服务器的响应时，我想在 localStorage 中设置一个变量，然后将页面重定向到下一个站点(例如:在 my-site.com 中，我设置变量“foo”并重定向页面。在 my-other-site.com 中，我想访问该变量 (foo))。哦!我差点忘了，我正在使用 Vue

我已经尝试使用 iframe，使用本教程 ( https://blog.teamtreehouse.com/cross-domain-messaging-with-postmessage )。我尝试了一些库，例如 cross-storage (https://www.npmjs.com/package/cross-storage#overview) 和 biforst-cors(https://www.npmjs.com/package/bifrost-cors)，但它们都没有像我预期的那样工作。我知道可以使用查询参数，但我知道我不能使用它

我有这个:

localStorage.clear()
window.localStorage.setItem('user', JSON.stringify(response.body.data) )                                                
window.localStorage.setItem('token', response.body.token)                                                
window.location.href = `http://localhost:8081/#/` //redirect 

基本上，我想在其他域中同时使用变量 user 和 token。

如果有人能帮我带来想法或类似的东西，那将对我有很大帮助。

Answer 1

一个不同的解决方案是这样的:

var DifferentWindow=window.open("http://www.example.com/");
DifferentWindow.localStorage.setItem("Key","Value");

这是简单的 Javascript，希望对您有所帮助它所做的是打开一个带有链接的新窗口，并将该窗口本地存储中的一个变量设置为“值”。