Ajax 的标头未发送（通过电子 webview）

Question

我已经尝试了我在这里找到的标题问题的解决方案，例如beforeSend 并检查 ajax 的版本。我基本上有一个electron 应用程序，里面有一个webview，这个webview 与一个ipc 脚​​本通信，这个ipc 脚本将jquery 添加到访问的页面，然后它执行一个ajax要求。我在前端使用Vue。

问题是，它没有发送我提出的自定义请求。虽然，它以前是 100% 工作的。我真的不记得是什么原因造成的。

我的电子应用的主要index.js

mainWindow = new BrowserWindow({
height: 850,
useContentSize: true,
width: 1550,
webPreferences: {

  webSecurity: false,
  nodeIntegration: true,
  webviewTag: true
}
})

webview

<webview :id="webview.key" :src="webview.url" :preload="fullpath + `\\serverBrowserIPC.js`" style="height: 100%" pcontextIsolation></webview>

ipc.js 文件

 const {
   ipcRenderer
 } = require('electron');
 const _ = require("lodash")
 const myajaxfile = require("./myajaxfile.js")

 window.onload = function() {
   var script = document.createElement("script");
   script.src = "https://code.jquery.com/jquery-3.5.1.min.js";
   script.onload = script.onreadystatechange = function() {
   };
   document.body.appendChild(script);

   // var script2 = document.createElement("script");
   // script2.src = "https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js";
   // script2.onload = script2.onreadystatechange = function() {
   // };
   // document.body.appendChild(script2);
 };

 ipcRenderer.on("get_item", function(event, payload) {
   myajaxfile.sendRequest()
 });

myajaxfile.js ajax 部分（基本模板）：

    let stream_ajax = $.ajax({
    method: "GET",
    url: `https://example.com/ajaxCenter?_action=getserver}`,
    headers: {
      "Access-Control-Allow-Origin": "true",
      'accept': '*/*',
      'X-Requested-With': 'XMLHttpRequest',
      'x-csrf-token': csrf_token
    },
    complete(response, status) {
      if (status === "success") {
        
      } else {
        
      }
    }
  });

没有发送任何标头。以前，它运行良好，没有任何问题。非常感谢任何帮助，这个问题正在停止我的整个项目。

我已经上传了一个项目示例，可以在here下载。使用npm install 安装软件包，然后使用npm run watch 运行electron 应用程序。运行后请点击connect按钮，在控制台查看网络标签。

项目中提供的请求只有在标头中发送csrf-token时才有效，否则会导致重定向。以前，它可以正常工作。

Answer 1

由于您要发送自定义标头，这由 CORS 管理，并将分两步进行。最好在另一个 StackOverflow 答案 here 中进行说明。

我看到的最大问题是，您尝试发送服务器 Access-Control-Allow-Origin，而那是响应中应该来自服务器的标头。我会仔细检查您要连接的服务器是否配置了 CORS。您也可以尝试记录错误消息。 $.ajax 返回的 jqxhr 有很多方法可以获取状态文本。它应该有助于缩小呼叫失败的确切位置。

Answer 2

真的很奇怪，就是通过jquery在ajax调用中发送headers的方式。

你真的确定你的问题吗？如果是，问题可能出在其他地方，而不是在报告的代码中。

一旦这样说，您可以删除两个自定义标头：X-Requested-With 默认情况下由 jquery 发送值 XMLHttpRequest 和 Access-Control-Allow-Origin，因为协议希望在服务器响应中找到它（而不是在客户端请求中） )。

Answer 3

您的客户端（电子）没有任何问题，需要在您的服务器端配置CORS（跨域资源共享）。 Access-Control-Allow-Origin 标头应该由服务器发送，而不是客户端（您的 Ajax 调用。）。您必须在服务器中配置 CORS 以启用跨域请求，否则 Axios、jquery ajax 等客户端将无法工作。询问您的服务器管理员或应用程序开发人员。这是ho它的工作

当服务器响应 Access-Control-Allow-Origin: * 时，表示该资源可以被任何域访问。您还可以通过在调用实际端点之前将 HTTP OPTIONS 方法发送到服务器来采用 Preflight Request 方法。这是MDN 文档供您参考。