实时混合应用程序上没有“访问控制允许来源”问题

Question

我已经完成了我的第一个混合应用程序的开发。它在本地主机中运行顺利。但是当我尝试让它生效时，我得到了这个错误。

XMLHttpRequest 无法加载 https://www.example.com/app/login.php。不 请求中存在“Access-Control-Allow-Origin”标头 资源。因此，Origin 'null' 不允许访问。响应 HTTP 状态码为 500。

为什么会这样？

这是我根据我的 ajax 请求设置的示例：

$.ajax({
           type: "POST",
           url: "https://www.example.com/app/login.php",
           crossDomain: true,
           dataType: 'json',
           data: $.trim(frm.serialize()),
           timeout: 10000,
           beforeSend: function() {                  
              $('#loader').css({
                display: "block"
               });
  }

然后在我的php服务器代码上：

<?php
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');
header('HTTP/1.1 200 OK');
{
//more code here..

echo json_encode($result_array);
}

如您所见，我已经添加了一个标题Access-Control-Allow-Origin: *，但它似乎不起作用。我需要知道什么才能消除此错误？或者应该是什么可能的问题呢？

更新：在 Firefox 中，这是控制台日志错误：

跨域请求被阻止：同源策略不允许读取 https://www.example/app/login.php 的远程资源。 （原因： 缺少 CORS 标头“Access-Control-Allow-Origin”）

有什么帮助吗？我正在使用 intel xdk 构建我的应用程序。

Answer 1

我认为您的问题与访问控制无关

根据您的错误：

响应的 HTTP 状态代码为 500

表明您的应用程序崩溃了。因此，Access-Control-Allow-Origin 标头从未正确设置。当访问控制是问题时，浏览器（无论如何是 Firefox）显示状态代码 401 Unauthorized，而不是 500 server error

在您的错误日志中查找崩溃的原因。还可以尝试禁用 .htaccess 并查看错误是否仍然存在，因为破坏规则/配置是导致崩溃的常见原因

Answer 2

ajax 发送错误为500 Internal Server Error，因为服务器端（php 代码）存在问题，其中使用的函数用于更高的 PHP 版本。我的主机 php 版本低于我在本地机器上使用的版本。尝试重写代码并首先在线测试其响应数据解决了我的问题。 ajax请求代码没有问题。