更改默认的localStorage结构

Question

我有两个不同的应用程序：mysite.com/app1 和 mysite.com/app2。两者都使用类似的 localStorage 键。在浏览器中，localStorage 直接位于域“mysite.com”下。这会导致在不同选项卡中使用两个应用程序时 localStorage 被覆盖。

有没有办法区分两个本地存储，而不需要每次都使用前缀。

我可以将 mysite.com/app1 和 mysite.com/app2 下的 localStorage 分开吗？

我在 localStorage 中访问/设置数据时使用了不同的前缀，这可行，但我正在寻找不同的解决方案，这样我不必每次与 localStorage 交互时都使用自定义逻辑。

Answer 1

您可以执行以下操作，

1. 您可以托管两个应用程序相同的域但不同的子域

2. 创建两个函数，将 JSON 字符串设置为本地存储键并从中获取相同的字符串。

吸气剂

function getLocalStorage(key){

return JSON.parse(localStorage.get(key))

}

二传手

function setLocalStorage(key, value){

return localStorage.get(key, JSON.stringify(value))

}