問(wèn)題描述

我正在嘗試使用 React 和 Electron.當(dāng)我使用 http 時(shí)，它運(yùn)行良好.

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");});

但我需要為我的應(yīng)用程序使用協(xié)議 https，所以我正在編寫(xiě)運(yùn)行反應(yīng)腳本:HTTPS=true npm start.它在 Chrome 上運(yùn)行，鏈接為 https://localhost:3000/.但是當(dāng)我將 mainWindow.loadURL 更改為 mainWindow.loadURL("https://localhost:3000")它在控制臺(tái)中顯示沒(méi)有錯(cuò)誤的白屏.

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.

推薦答案

問(wèn)題是因?yàn)樽C書(shū)錯(cuò)誤.

嘗試在 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);
});

如果您希望您的應(yīng)用程序在 https 上運(yùn)行，理想的解決方案是使用正確的證書(shū).

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

希望對(duì)您有所幫助.

這篇關(guān)于mainWindow.loadURL("https://localhost:3000/") 在 Electron 應(yīng)用程序上顯示白屏的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！