electron 直接打包 vue的dist包无法获取cookie

糊口的前端工程师

已于 2022-06-24 20:41:04 修改

阅读量2.6k

点赞数 1

分类专栏： electron 文章标签： electron vue.js javascript

于 2022-06-24 20:40:00 首次发布

本文链接：https://blog.csdn.net/qq_43706089/article/details/125451744

版权

electron 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了如何在将网页封装为Electron应用的过程中，主进程与渲染进程间处理cookie的问题。作者分享了主进程定期读取并传递cookie给渲染进程，以及通过localStorage实现跨进程通信的方法。重点在于解决在Electron环境中使用Vuedist时cookie读取难题的技巧。

摘要由CSDN通过智能技术生成

一、项目环境

将网页端封装成pc端，所以从github上克隆了electron的项目下来，企图electron直接做一个vue dist 的壳

二、问题描述

cookie 是后端通过set-cookie直接设置的，在cookie 里面有值但是，electron 主进程可以读取，但是通过 document.cookie 死都读不出来，尝试了网上的方法没有解决，
在这里插入图片描述

三、临时的解决办法

在 electron mian.js 主进程中读取cookie，定时保存

	const {app, BrowserWindow, Menu, globalShortcut, session} = require('electron')
	、
	、
	、
	  // 渲染进程里面读不到 document.cookie 的内容 通过主进程读取
	  const cookies = session.defaultSession.cookies
	  setInterval(() => {
	    cookies.get({name: 'tio_session', domain: (cookieDomain || '')}).then(res => {
	      // 发送给渲染进程事件
	      mainWindow.webContents.send('tio_session', (res.length > 0 && res[0].value) ? res[0].value : '');
	    })
	  }, 500)

在 proload 中

// 接收来自主进程的事件
const electron = require('electron')

electron.ipcRenderer.on('tio_session', (event, args)=>{
  // console.log('接收到主进程的消息',args)
  window.localStorage.setItem('tio_session', args) // 将主进程发过来的参数保存到 localstorage 中
})