Electron 桌面应用程序的表单操作提交答案

【问题标题】：Form action submit for Electron desktop appElectron 桌面应用程序的表单操作提交
【发布时间】：2023-03-04 22:19:01
【问题描述】：

这是我第一次使用 electron/node.js 构建桌面应用程序，我没有构建 Web 应用程序的经验。

我正在尝试向我的应用添加提交表单。

我尝试复制教程 (w3)，但始终收到相同的错误消息：

Not allowed to load local resource:

index.html

action_page.php

我做错了吗？

【问题讨论】：

请张贴您的代码不是您的代码图片。

标签： javascript php html desktop-application electron

【解决方案1】：

您必须在 Electron 应用程序中设置根，app.js 代码需要更改。

在回调函数内

app.on('ready', function(){
    mainWindow = new BrowserWindow({
        height: 600,
        width: 800
    });

    mainWindow.loadUrl('file://' + __dirname + '/app/index.html');
});

您需要设置主窗口的路径，该路径必须是您的 PHP 代码的远程路径。

因此，如果您将 www.example.com 作为您想要在 Electron 应用程序中使用的网络应用程序，您需要在主窗口中指定该 url。它基本上可以作为一个包装的浏览器。

基本上，Electron 只是一个浏览器，它不会神奇地为你呈现 PHP 页面，你仍然需要一个服务器来为你呈现它们。所以你不能在本地加载 .php 文件，除非你有一个在本地运行的服务器。尽管如此，如果你这样做了，你仍然需要一个有效的 URL 来输入：

http://localhost:9000

或类似的东西。

【讨论】：