域名不同无法共享sessionstorage(父项目传参给子项目)

我的项目是父项目和子项目分开时,然后当子项目需要用到父项目登录的信息时,共享参数的几个方法

方法一:
sessionstorage信息共享,父项目中在登录时query里传递相关信息,如userName,token等信息,然后在子项目的html中定义函数去获取然后存到sessionstorage

    <script>
   // 解析父项目中query里的参数
      function getQueryVariable(variable)
      {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
            }
            return(false);
      }
      var token = getQueryVariable('t')
      var userName = getQueryVariable('userName'); // 获取登录人userName
     if(userName){
         sessionStorage.setItem('userName',userName)
     }
      if(token){
        sessionStorage.setItem('token',token)
      }
      </script>

方法二:
从url里携带过来然后进行解析,然后存在vuex或者本地存储里

<script>
function getUrlKey(name) {
  return (
    decodeURIComponent(
      (new RegExp("[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)").exec(
        location.href
      ) || [, ""])[1].replace(/\+/g, "%20")
    ) || null
  );
}
const orgId=getUrlKey("organizationId")?Base64.decode(getUrlKey("organizationId")):(getStore({name:'orgId'})?getStore({name:'orgId'}):'')
const userId=getUrlKey("userId")?Base64.decode(getUrlKey("userId")):(getStore({name:'userId'})?getStore({name:'userId'}):'')
const mobile=getUrlKey("mobile")?getUrlKey("mobile"):(getStore({name:'mobile'})?getStore({name:'mobile'}):'')
</script>
在Electron应用中,由于每个窗口(tab)实际上是独立运行的一个渲染进程,它们之间默认是隔离的,包括localStorage和sessionStorage。如果你需要让多个标签页共享同一域名下的 sessionStorage 数据,你需要采取一些特定的技术手段: 1. **使用全局变量或单例模式**:在主进程中创建一个专门用于存储数据的对象,并通过`ipcMain`和` ipcRenderer`模块在各个标签页间传递消息,更新或读取这个全局变量。 ```javascript // 主进程 const sharedData = {}; ipcMain.on('updateSessionData', (event, data) => { sharedData[data.key] = data.value; }); // 窗口(标签页) const updateSession = async key => { const value = localStorage.getItem(key); ipcRenderer.send('updateSessionData', { key, value }); }; // 访问共享数据 loadPage(data => { if (!sharedData[data.urlKey]) { // 初始化或从服务器获取数据 sharedData[data.urlKey] = fetchDataFromServer(data.url); } }); ``` 2. **使用IndexedDB**:虽然不是sessionStorage,但IndexedDB可以在多个页面之间共享数据,且更安全。数据持久化在本地数据库中,可以跨标签页访问。 3. **使用第三方库**:有一些专门为Electron设计的解决方案,如`electron-context-menu`提供的跨进程通信机制,或自建的消息传递系统,可以帮助你在标签页间共享数据。 记住,尽管可以尝试上述方法,但因为浏览器沙箱原则,总是存在潜在的安全风险。在实际应用中,务必谨慎处理敏感信息的共享。同时,对于sessionStorage的数据,一旦标签页关闭,其内容通常会被清除。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值