mainWindow.loadURL("https://localhost:3000/") 在 Electron 应用程序上显示白屏 [英] mainWindow.loadURL("https://localhost:3000/") show white screen on Electron app

问题描述

我正在尝试使用 React 和 Electron.当我使用 http 时，它运行良好.

I am trying to make an with React and Electron. When I use http, it's working perfectly.

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

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

But I need to use the protocol https for my app, so I am writing to run the react script : HTTPS=true npm start. It's running on Chrome with the link https://localhost:3000/. But when I change the mainWindow.loadURL to mainWindow.loadURL("https://localhost:3000") It show a white screen without error in the console.

推荐答案

问题是因为证书错误.

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

Try adding the following lines inside your main.js file.

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

如果您希望您的应用程序在 https 上运行，理想的解决方案是使用正确的证书.

If you want your application to run on https, the ideal solution would be to use the proper certificate.

希望对您有所帮助.

这篇关于mainWindow.loadURL("https://localhost:3000/") 在 Electron 应用程序上显示白屏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！