问题描述
我正在尝试使用 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 应用程序上显示白屏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！