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。它在Chrome上运行，链接为https://localhost:3000/。但是当我将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上运行，理想的解决方案是使用正确的证书。

希望您觉得这很有帮助。

mainWindow.loadURL（＆＃34; https：// localhost：3000 /＆＃34;）在Electron app上显示白屏

1 个答案: