vue中electron与vue通信（fs.existsSync is not a function解决方案）

Mo_zifeng2023-10-27 18:54

electron向vue发送消息

dist/main.js (整个文件配置在另一条博客里)

javascript 复制代码

win = new BrowserWindow({
  width:1920,
  height:1080,
  webPreferences: {
		// 是否启用Node integration
        nodeIntegration: true, // Electron 5.0.0 版本之后它将被默认false
        // 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本.默认为 true
        contextIsolation: false,  // Electron 12 版本之后它将被默认true 
   }
})
win.webContents.send('message-from-main', 'message')

vue文件中

javascript 复制代码

<script>
const { ipcRenderer } = window.require("electron"); // 不加window会报错 fs.existsSync is not a function
mounted() {
	ipcRenderer.on("message-from-main", (event, value) => {
    	console.log(value, "value"); // message
   	})
}
</script>

vue向electron发送消息

vue文件中

javascript 复制代码

<script>
const { ipcRenderer } = window.require("electron");
mounted() {
	ipcRenderer.send('message-from-vue', { data: 'message' })
}
</script>

dist/main.js (整个文件配置在另一条博客里)

javascript 复制代码

const { ipcMain } = electron;
win = new BrowserWindow({
  width:1920,
  height:1080,
  webPreferences: {
		// 是否启用Node integration
        nodeIntegration: true, // Electron 5.0.0 版本之后它将被默认false
        // 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本.默认为 true
        contextIsolation: false,  // Electron 12 版本之后它将被默认true 
   }
})
ipcMain.on('message-from-vue', (event, arg) => {
  console.log(arg.data, "message-from-vue"); // message
})