問題描述
我正在嘗試使用 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 應用程序上顯示白屏的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！