mainWindow.loadURL（“ https：// localhost：3000 /”）在Electron应用上显示白屏

Question

我正在尝试用React和Electron做一个。当我使用http时，它运行良好。

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    titleBarStyle: "hidden",
    width: 1000,
    height: 700,
  });
  mainWindow.webContents.openDevTools();
  mainWindow.loadURL("http://localhost:3000");});

但是我需要为我的应用使用协议https，所以我正在编写运行react脚本：HTTPS=true npm start。它通过链接https：// localhost：3000 /在Chrome上运行。但是，当我将mainWindow.loadURL更改为时，mainWindow.loadURL("https://localhost:3000") 它将在控制台中显示白色屏幕而没有错误。

Answer 1

问题是由于证书错误。

尝试在main.js文件中添加以下行。

app.on('certificate-error', function(event, webContents, url, error, 
  certificate, callback) {
      event.preventDefault();
      callback(true);
});

如果您希望您的应用程序在上运行https，则理想的解决方案是使用适当的证书。

希望对您有所帮助。